CSS text

日期:2020-08-25 类型:科技新闻 

关键词:html网页制作,php网页制作,网页设计稿,网页编辑工具,学生网页设计模板

RGBA

前面的 3 个值是 RGB 色调值,最终1个值是全透明度的级別(0 = 全透明,1 = 不全透明)。

RGBA 能够运用于与色调的任何特性,如字体样式色调,边框色调,情况色调,黑影色调等。

Text Shadow

文本黑影的构造次序为:x 轴偏位,y 轴偏位,模糊不清,色调。

设定1个负值的 x 轴偏位将黑影迁移到左边。设定1个负值的 y 轴偏位转将黑影迁移到顶部。别忘了,你能够在黑影色调中运用 RGBA 值。

您还可以特定1个文字黑影目录(以逗号隔开)。下面的示例应用两个文字黑影申明制做了文本凸版实际效果(顶部 1px 和底部1px)。

text-shadow: 0 1px 0 #fff, 0 ⑴px 0 #000;

Border Radius

界限半径 (border radius) 的写法相近内边距 (padding) 和 外边距 (margin) 特性(比如:border-radius:20px)。为使访问器3D渲染界限半径特性,必须在特性名字再加前缀,Webkit 模块的访问器为 "-webkit-",Firefox 则为 "-moz-"。

您能够为每一个边角特定不一样的值。留意:Firefox 和 Webkit 的边角特性名字是不同样的。

Box Shadow

盒黑影的构造和 text-shadow 同样,x 轴偏位,y 轴偏位,模糊不清,色调。

一样,您能够设定1个以上的盒黑影。下面是3个盒黑影申明示例。

-moz-box-shadow:
⑵px ⑵px 0 #fff,
2px 2px 0 #bb9595,
2px 4px 15px rgba(0, 0, 0, .3);

英文原稿:The Basics of CSS3 | WebDesignWall