圆角边框 及 字体强制换行

1      text-shadow添加字体阴影

            属性：  color  指定阴影的颜色，如果省略指定颜色，在ff，opera中，将直接使用字体颜色，在ie和chrome中将不会显示模糊

                        xoffset  :指定字体 在横向上的偏移，可为负值

                        yoffset:指定字体在纵向上的偏移，  可为负值

                        radius: 指定阴影的模糊半径，模糊半径越大，阴影看上去越模糊

  <span  style="text-shadow:red 5px 5px 2px"测试文字</span>

 

添加多个阴影效果,各效果之间用逗号分隔

    <span style="text-shadow:red 2px 2px 2px    ,  blue 4px 4px 4px  , black 6px 6px 4px"?</span>

 

2   word-break:  用于设置目标组件中文本内容的换行方式( ff,opera不支持该属性)

                keep-all:  只 能在半角空格或连字符处换行

                break-all:设置允许在单词中间换行

<div  style="word-break:break-all">sssssssssssssssssssssss</div>

 

3   word-wrap:用于设置目标组件中文本内容 的换行方式( ff,opera 支持该属性)

                normal:靠浏览器默认规则

                break-word:  设置允许在单词中间换行

 

<div  style=" word-wrap:break-word">sssssssssssssssssssssss</div>

 

4  css3 提供的圆角边框 

            border-redius:该属性用来指定圆角边框的圆角半径, 值越大，圆角的程度越大

        如果该属性只有一个值，则四个圆角都使用这一个值，如果有两个值，则第一个为左上角，右下角的值，第二个为右上角，左下角的值，

如果有3个值，则第一个作为左上角的值，第二个作为右上角和左下角的值，第三个作为，右下角的值，（同以前的设置值）

 

<div  style="border:3px solid  red;  border-redius:10px;"

转载于:https://www.cnblogs.com/soofly/p/3460886.html