CSS3之圆角和文本阴影

学习笔记 何锋
文章标签: css3

1.圆角(border-radius:):

        当一个值时,即四个角均为该值;当两个值时,第一个值对应左上角与右下角,第二个值对应左下角与右   上角;当三个值时,第一个值对应左上角,第二个值对应左下角与右上角,第三个值对应右下角;四个值时,从左上角开始顺时针旋转相对应数值。

2.椭圆与圆:

        椭圆时设置长宽比为一比一,border-radius值为50%;圆的border-radius值同样为50%,但是长宽得相         同。

3.文本阴影(text-shadow:10px 5px 15px red):

         第一个数值对应的是水平方向(x轴)的偏移量,第二个数值对应的是垂直方向(y轴)的偏移量,第三    个数值是文字模糊程度,数值越大,文字阴影越模糊;同时,文本阴影支持多个阴影,每组值之间用逗号区    分,如:text-shadow:10px 5px 15px red,5px 15px 5px green;

4.盒子阴影(box-shadow:10px 5px 15px red inset):

  第一个数值对应的是水平方向(x轴)的偏移量,第二个数值对应的是垂直方向(y轴)的偏移量,第三    个数值是文字模糊程度,数值越大,文字阴影越模糊;同时,文本阴影支持多个阴影,每组值之间用逗号区    分,如:text-shadow:10px 5px 15px red,5px 15px 5px green;与文本阴影语法大致相同,最后一个属性是将盒子外阴影转换为内阴影,默认是外阴影。

 

还能输出{{restrictNumber}}个字符  
  • {{reply.author}}

    {{CommonUtil.formateDate(reply.ac_CommentDate).shortTime}}
  • 回复了{{Comments.author}} :