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

 

border-radius ： none | <length>{1,4} [ / <length>{1,4} ]?

相关属性： border-top-right-radius , border-bottom-right-radius , border-bottom-left-radius , border-top-left-radius 

取值：

<length>：

由浮点数字和单位标识符组成的长度值。不可为负值。

border-top-left-radius：

由浮点数字和单位标识符组成的长度值。不可为负值。 

说明：

1. 第一个值是水平半径。
2. 如果第二个值省略，则它等于第一个值，这时这个角就是一个四分之一圆角。
3. 如果任意一个值为0，则这个角是矩形，不会是圆的。
4. 值不允许是负值。 

　　radius，就是半径的意思。用这个属性可以很容易做出圆角效果，当然，也可以做出圆形效果。原理很简单，“正方形的内切圆的半径等于正方形边长的一半”。下面就做一个红色的圆。

 

 

语法：

 

box-shadow：<length> <length> <length> <length> || <color>

取值：

<length> <length> <length>? <length>? || <color>：

阴影水平偏移值（可取正负值）；阴影垂直偏移值（可取正负值）；阴影模糊值；阴影颜色 

说明：

设置块阴影

box-shadow这个属性应用的非常普遍，可以使你的元素立刻变得漂亮起来，只是记得不要把值设得太离谱。

box-shadow的四个参数：

x-offset                         x轴偏移

y-offset                         y轴偏移

blur                          　　模糊值

color of shadow               阴影颜色

 

 

语法：

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：

当对象内文本溢出时显示省略标记（...）