`
qq17906
  • 浏览: 52565 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

三、CSS内容排版

CSS 
阅读更多

文字排版
 1.通栏排版:将段落文字放置于p或其他对象中,在对段落文字间距、行距、字号等样式控制。
 2.分栏排版:


图文混合排版
 不规则文字环绕:使用多个div来完成不规则图形。

 

全图排版
      <style type="text/css">
            #layout div{border:1px solid

#aaa;margin:3px;float:left;padding:2px;width:126px;text-align:center;height:126px;overflow:hidden;}
     h2,h3{font-size:11px;font-family:arial;margin:0px;padding:0px;}
     h3{font-weight:normal;color:#777;}
</style>

 

<body>
   <div id="layout">
        <div>
          <img src="images/medium(1).jpg" width="100" height="69" />
          <h2>Title:ldld</h2>
          <h3>Date:2009-2-15</h3>
       </div>
       <div>
          <img src="images/medium(1).jpg" width="100" height="69" />
          <h2>Title:ldld</h2>
          <h3>Date:2009-2-15</h3>
       </div>
       <div>
          <img src="images/medium(1).jpg" width="100" height="69" />
          <h2>Title:ldld</h2>
          <h3>Date:2009-2-15</h3>
       </div>
</div>
</body>

 

表格排版
 表格标签
  caption:定义表格名称
  tbody:定义表格内容区,如果一个表格由多个内容区构成,可以使用多个tbody组合
  thead:定义表头
  tfoot:定义表格页脚
  th:定义表头的单元格

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics