以文本方式查看主题

-  ╋艺 镇╋  (http://wdystv.com/bbs/index.asp)
--  ┣◇网站建设&Web语言  (http://wdystv.com/bbs/list.asp?boardid=4)
----  网页设计之Css字间距调整  (http://wdystv.com/bbs/dispbbs.asp?boardid=4&id=2214)
--  作者：admin
--  发布时间：2010/9/1 16:25:24
--  网页设计之Css字间距调整
正文：

风创网络-济南网站设计中心报道：网页设计之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>