text- 属性 border-radius, box-shadow, text-shadow, background, text-overflow

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了text- 属性 border-radius, box-shadow, text-shadow, background, text-overflow相关的知识，希望对你有一定的参考价值。

语法：

text-shadow ： none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*

相关属性 ： 无

取值：

<color> ：
指定颜色。
<length> ：
由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。
<opacity> ：
由浮点数字和单位标识符组成的长度值。不可为负值。 指定模糊效果的作用距离。如果你仅仅需要模糊效果，将前两个 length 全部设定为 0 。请参阅 长度单位。

说明：

设置或检索对象中文本的文字是否有阴影及模糊效果。可以设定多组效果，方式是用逗号隔开。可以被用于伪类 :first-letter 和 :first-line 。对应的脚本特性为 textShadow 

　　text-shadow是可以省略前缀的几个CSS属性之一，类似的还有box-shadow，它必须应用于文本，并它们有相同的四个参数：

　　x-offset              　　水平位移

　　y-offest              　　垂直位移

　　blur                  　　  模糊值

　　color of shadow         阴影颜色

语法：

background ： [background-image] | [background-origin] | [background-clip] | [background-repeat] | [background-size] | [background-position]

相关属性： background-image | background-origin | background-clip | background-repeat | background-size | background-position

取值：

<background-image>：
指定或检索对象的背景图像。
<background-origin>：
指定背景的显示区域。
<background-clip>：
指定背景的裁剪区域。
<background-repeat>：
设置或检索对象的背景图像是否及如何重复铺排。
<background-size>：
指定背景图片的大小。
<background-position>：
设置或检索对象的背景图像位置。

 

语法：

text-overflow ： clip | ellipsis

取值：

clip：
不显示省略标记（...），而是简单的裁切。
ellipsis：
当对象内文本溢出时显示省略标记（...）

以上是关于text- 属性 border-radius, box-shadow, text-shadow, background, text-overflow的主要内容，如果未能解决你的问题，请参考以下文章

html 怎样把文本框设置成圆角的

HTML按钮属性

border-radius属性

Border-radius属性--设置圆角边框

border-radius是css3新增属性吗

CSS3属性之border-radius