龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

css 文章内容排版实例

时间:2012-12-29 08:41来源:未知 作者:admin 点击:
分享到:
!doctype html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd html xmlns=http://www.zhutiai.com/1999/xhtml head meta http-equiv=content-type content=text/html; charset=gb2312 / titlecss教

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.zhutiai.com/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>css教程 文章内容排版实例</title>
<style>
.artbody h2{ font-size:14px; height:10px; margin:0px auto;padding:10px 0px;  text-align:center;}
.artbody .info{ height:30px; text-align:center; color:#666;}
.artbody .artcontent{ text-indent:20px; font-size:14px; line-height:24px;padding:10px;}

</style>
</head>

<body>
 <table width="98%" border="0" class="artbody">
    <tr>
      <td><h2>{dede:field.title/}</h2></td>
    </tr>
    <tr>
      <td >
      <div class="info">
    <small>时间:</small>{dede:field.pubdate function="mydate('y-m-d h:i',@me)"/}<small>来源:</small>{dede:field.source/} <small>作者:</small>{dede:field.writer/} <small>点击:</small><script src="{dede:field name='php教程url'/}/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/网页特效' language="javascript"></script>次</div>
                <div class="artcontent">
               
              
                {dede:field.body/}(责任编辑:{dede:adminname/})
                </div>
                </td>
    </tr>
  </table>
</body>
</html>


精彩图集

赞助商链接