╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → 网页设计之Css字间距调整


  共有21599人关注过本帖树形打印复制链接

主题:网页设计之Css字间距调整

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
网页设计之Css字间距调整  发帖心情 Post By:2010/9/1 16:25:24 [只看该作者]

正文:

风创网络-济南网站设计中心报道:网页设计之Css字间距调整

汉字间字间距设置:letter-spacing
英文间字间距设置:word-spacing:

H3 { word-spacing: 1em }
参数:

  • in (英寸)
  • cm (厘米)
  • mm (毫米)
  • pt (点数)
  • pc (打字机字间距)
  • em (ems)
  • ex (x-height)
  • px (象素)

    示例:

    <html>
    <style type="text/css">
    <!--
        p.p1{word-spacing:5cm}
         p.p2{word-spacing:5mm}
         p.p3{word-spacing:5pt}
         p.p4{word-spacing:5px}
         p.p5{word-spacing:5in}
         p.p6{word-spacing:5pc}

        
    -->
    </style>
    <head>
         <title>CSS</title>
    </head>
    <body>
         <p>Welcome to Magci's BLOG!</p>
         <p class="p1">Welcome to Magci's BLOG!</p>
         <p class="p2">Welcome to Magci's BLOG!</p>
         <p class="p3">Welcome to Magci's BLOG!</p>
         <p class="p4">Welcome to Magci's BLOG!</p>
         <p class="p5">Welcome to Magci's BLOG!</p>
         <p class="p6">Welcome to Magci's BLOG!</p>
    </body>
    </html>



  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部