当前位置: 首页 > 网络应用技术

CSS中的不透明度和边界拉迪乌斯功能

时间:2023-03-05 22:49:58 网络应用技术

  不透明度可以使元素透明或半透明。属性范围在0-1之间。运算符的默认值为1,我们还可以使用不透明度显示或隐藏伪元素。

  当我们将透明效应同时设置为父元素和子元素时,不透明度计算规则,因为不遗传不透明度属性,半透明效果将被叠加在一起。对于审查,透明度为0.16,这是两个不透明度的乘积。

  因为不透明度的范围为0-1,如果我们设置的值不在此范围内,则系统将根据边界值显示。

  RGBA和HSLA都有不透明度边界值的特征。

  在正常工作中,我们最常使用的是像素和百分比来设置边界-Dradius。

  Border-Radius是一种缩写形式,其完整的写作由四个部分组成:,,,四部分。

  当只有一个值时,该值的效果将行为四个角落:

  当有2个值时,第一个值在左上角和右下角作用,第二个值在右上角和左下角。

  当有3个值时,第一个值在左上角起作用,第二个值在右下角和左下角作用,而第三个值则在右下角起作用:

  当有4个值时,第一个值在左上角起作用,第二个值在右上角作用,第三个值在右下角作用,而第四值则在左下角的作用:

  也有一些等效的缩写:

  边界拉迪乌斯(Border-Radius)通常使用的一些知识:边界 - 拉迪乌斯(Border-Radius)的区域无法响应点击。不支持阴性值。当我们为父元素设置Border-radius时,子元素是正确的- 角效应。我们可以从视觉上设置子元素,看起来一个圆角。当我们将边框-Radius应用于或向上或向上或上下时,我们必须选择表单元素的边界折叠属性值,而边框的默认值- 散发的是,如果边框颜色:颜色:颜色:将不会显示角落。

  我们还可以使用Border-Radius来设定一些不规则的圆形效果:

  通常,可以使用Border-Radius实现ARC的图形效应。我们可以画一个角标签: