以文本方式查看主题

-  ╋艺 镇╋  (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>