zoukankan      html  css  js  c++  java
  • 圆角边框 及 字体强制换行

    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>
     
     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;"
  • 相关阅读:
    十分钟内学会:将HTML格式化为合法的XML
    十分钟内学会:根据数据库生成站点导航
    Adobe Apollo vs Joyeur Slingshot
    英语阅读推荐:你真的懂UPDATE语句吗 & 当有layout之时
    欲练 CSS ,必先宫 IE
    英语阅读推荐:海明威写作技巧 & UpdatePanel为何失灵
    英语阅读推荐:在AJAX中制作自定义验证服务 & 优秀网站的5个因素
    Code is Configuration
    十分钟内学会:自动识别GB2312与UTF8编码的文件
    学习 Ruby on Rails 真的很爽!
  • 原文地址:https://www.cnblogs.com/soofly/p/3460886.html
Copyright © 2011-2022 走看看