CSS制作政府公文的代码

名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。

本篇文章具体介绍如下

应程序要求，全部用p 类展示。其他要求请自行更改！
关于有序列表OL:
直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF，GG内，是在序列号和正文中间。
改用对OL使用padding-left:4em
<!DOCTYPE html PUBLIC "-//W3C//DTD XhTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS公文样式</title> <style type="text/css"> body {margin: 0px; padding:0px;} .div{ width:900px; margin:0px auto; overflow:hidden} p,h1,h2,h3,h4,ul,span{ margin:0px; padding:0px;} .gongwen_ph1{ font-size:34px; font-weight:bold; padding:10px 0px; text-align:center; color:#FF0000; border-bottom:4px solid #ff0000; font-family:"宋体"} .gongwen_ph2{ font-size:18px; color:#000; text-align:right; padding-top:10px; font-family:"仿宋_GB2312","宋体"} .gongwen_ph3{ font-size:26px; color:#000;font-family:"宋体"; padding:10px 0px; text-align:center;} .gongwen_ph4,ol,.gongwen_ph5{font-size:20px; line-height:1.6em; color:#000;font-family:"仿宋_GB2312"; } .gongwen_gm{ text-indent:2em;} .gongwen_ph5{ text-align:right} ol{ margin:0px; font-size:18px;} ol{ padding-left:4em} </style></head> <body > <p class="gongwen_ph1">交通职业教育教学指导委员会文件</p> <p class="gongwen_ph2">交通教指委函[2008]4号</p> <p class="gongwen_ph3">关于推荐申报2008年度国家精品课程的函</p> <p class="gongwen_ph4">教育部高等教育司：</p> <p class="gongwen_ph4 gongwen_gm">根据《关于做好2008年度高等学校本科教学质量与教学改革工程项目申报工作的通知》（教高司函〔2008〕82号）文件要求，本教学指导委员会组织全国交通职业院校及有关高校申报，经8名专家对30所高校35门申报课程的会议评审，全体专家无记名投票，按得票数遴先前六名，推荐《桥涵施工技术》（湖南交通职业技术学院）等6门课程申报2008年度国家精品课程（具体名单见附件1）。</p> <p class="gongwen_ph4 gongwen_gm">附件：</p> <ol> <li>交通职业教育教学指导委员会推荐2008年度国家精品课程汇总表</li> <li>推荐国家精品课程为校级/省级精品课程证明材料</li> <li>教指委推荐国家精品课程会议评审专家投票结果及专家名单</li> </ol> <p class="gongwen_ph5">交通职业教育教学专业指导委员会<br />二○○八年六月二十三日</p> <p class="gongwen_ph5">抄送：湖南省教育厅、浙江省教育厅、江苏省教育厅、湖北省教育厅、上海市教委</p> <script type='text/javascript'> //<![CDATA[ if (document.getElementById('processtime')) document.getElementById('processtime').innerhTML="<span class='runtimedisplay'>Run in 152 ms, 9 Queries.</span>"; //]]> </script></body> </html>
[Ctrl A 全部选择提示：你可先修改部分具体代码，再按运行]