CSS制作政府公文的代码

(编辑：jimmy 日期: 2024/9/20 浏览：3 次 )

应程序要求，全部用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">

<head>

<title>CSS公文样式</title>

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>

<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>

<ol>

<li>交通职业教育教学指导委员会推荐2008年度国家精品课程汇总表</li>

<li>推荐国家精品课程为校级/省级精品课程证明材料</li>

<li>教指委推荐国家精品课程会议评审专家投票结果及专家名单</li>

</ol>

<p class="gongwen_ph5">交通职业教育教学专业指导委员会<br />二○○八年六月二十三日</p>

<p class="gongwen_ph5">抄送：湖南省教育厅、浙江省教育厅、江苏省教育厅、湖北省教育厅、上海市教委</p>

//<![CDATA[

if (document.getElementById('processtime')) document.getElementById('processtime').innerHTML="<span class='runtimedisplay'>Run in 152 ms, 9 Queries.</span>";

//]]>

</script></body>

</html>

[Ctrl A 全部选择提示：你可先修改部分代码，再按运行]

上一篇：不要使用的HTML标签(WEB标准网页布局)
下一篇：间距浮动与对齐的最佳方案