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

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

<div class="pagination"><a title="Page"> <b>1</b>/<b>2</b> </a>   <b>1</b> <a href="/cos/2019/0314/272794_2.shtml">2</a> <a href="/cos/2019/0314/272794_2.shtml">下一页</a> <a href="/cos/2019/0314/272794_2.shtml">尾页</a></div>
			 </div>
			</div>
			   </div>
		<div class="postMore">
				<div class="tab" id="tab">
    <span class="active">相关文章</span>
    <span>大家在看</span>
</div>
<div class="tabdiv">
    <div class="tabpane">
			<ul class="articleBar">
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0307/1096003.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-07/small64de5a987d413792a57951e70b9913171678151164.jpg" src="https://www.easck.com/d/file/p/2023/03-07/small64de5a987d413792a57951e70b9913171678151164.jpg"></div>
<div class="txtInfo"><h3>H5页面使用audio标签播放音频</h3><div class="extr clearfix"><p><span class="time fl">2023-03-07</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0227/1094447.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-27/202302271802243422.jpg" src="https://www.easck.com/d/file/p/2023/02-27/202302271802243422.jpg"></div>
<div class="txtInfo"><h3>2345手机助手怎么下载音乐/铃声   2345手机助手下载音</h3><div class="extr clearfix"><p><span class="time fl">2023-02-27</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0212/1090698.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-12/202302121855452653.jpg" src="https://www.easck.com/d/file/p/2023/02-12/202302121855452653.jpg"></div>
<div class="txtInfo"><h3>靠谱助手怎么ROOT  靠谱助手一键root图文教程</h3><div class="extr clearfix"><p><span class="time fl">2023-02-12</span></p><p><span class="time fr">9万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0211/1090498.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-11/202302111800181991.jpg" src="https://www.easck.com/d/file/p/2023/02-11/202302111800181991.jpg"></div>
<div class="txtInfo"><h3>js开发中的页面、屏幕、浏览器的位置原理（高度宽度）说明</h3><div class="extr clearfix"><p><span class="time fl">2023-02-11</span></p><p><span class="time fr">3万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0211/1090469.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-11/202302111532411251.jpg" src="https://www.easck.com/d/file/p/2023/02-11/202302111532411251.jpg"></div>
<div class="txtInfo"><h3>安卓模拟器bluestacks安装不了解决办法</h3><div class="extr clearfix"><p><span class="time fl">2023-02-11</span></p><p><span class="time fr">8万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0130/1088144.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-30/20230130100012236.webp" src="https://www.easck.com/d/file/p/2023/01-30/20230130100012236.webp"></div>
<div class="txtInfo"><h3>CSS填充和宽高详解</h3><div class="extr clearfix"><p><span class="time fl">2023-01-30</span></p><p><span class="time fr">9万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0118/1087028.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-18/202301180242485722.jpg" src="https://www.easck.com/d/file/p/2023/01-18/202301180242485722.jpg"></div>
<div class="txtInfo"><h3>photoshop打造真人手绘图</h3><div class="extr clearfix"><p><span class="time fl">2023-01-18</span></p><p><span class="time fr">3万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0108/1084966.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-08/202301081921392675.jpg" src="https://www.easck.com/d/file/p/2023/01-08/202301081921392675.jpg"></div>
<div class="txtInfo"><h3>XSplit登陆慢、无法登陆的解决办法</h3><div class="extr clearfix"><p><span class="time fl">2023-01-08</span></p><p><span class="time fr">4万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0107/1084604.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-07/202301071725482667.jpg" src="https://www.easck.com/d/file/p/2023/01-07/202301071725482667.jpg"></div>
<div class="txtInfo"><h3>电子书制作排版教程</h3><div class="extr clearfix"><p><span class="time fl">2023-01-07</span></p><p><span class="time fr">18万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0107/1084448.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-07/202301071300321076.jpg" src="https://www.easck.com/d/file/p/2023/01-07/202301071300321076.jpg"></div>
<div class="txtInfo"><h3>PP加速器新窗口独立视频功能</h3><div class="extr clearfix"><p><span class="time fl">2023-01-07</span></p><p><span class="time fr">3万阅读</span></p></div></div>
</a>
</li>
			</ul>
		</div>
	  </div>
    <div class="tabpane">
	<ul class="articleBar">
	<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0307/1096003.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-07/small64de5a987d413792a57951e70b9913171678151164.jpg" src="https://www.easck.com/d/file/p/2023/03-07/small64de5a987d413792a57951e70b9913171678151164.jpg"></div>
<div class="txtInfo"><h3>H5页面使用audio标签播放音频</h3><div class="extr clearfix"><p><span class="time fl">2023-03-07</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0227/1094447.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-27/202302271802243422.jpg" src="https://www.easck.com/d/file/p/2023/02-27/202302271802243422.jpg"></div>
<div class="txtInfo"><h3>2345手机助手怎么下载音乐/铃声   2345手机助手下载音</h3><div class="extr clearfix"><p><span class="time fl">2023-02-27</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0212/1090698.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-12/202302121855452653.jpg" src="https://www.easck.com/d/file/p/2023/02-12/202302121855452653.jpg"></div>
<div class="txtInfo"><h3>靠谱助手怎么ROOT  靠谱助手一键root图文教程</h3><div class="extr clearfix"><p><span class="time fl">2023-02-12</span></p><p><span class="time fr">9万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0211/1090498.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-11/202302111800181991.jpg" src="https://www.easck.com/d/file/p/2023/02-11/202302111800181991.jpg"></div>
<div class="txtInfo"><h3>js开发中的页面、屏幕、浏览器的位置原理（高度宽度）说明</h3><div class="extr clearfix"><p><span class="time fl">2023-02-11</span></p><p><span class="time fr">3万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0211/1090469.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/02-11/202302111532411251.jpg" src="https://www.easck.com/d/file/p/2023/02-11/202302111532411251.jpg"></div>
<div class="txtInfo"><h3>安卓模拟器bluestacks安装不了解决办法</h3><div class="extr clearfix"><p><span class="time fl">2023-02-11</span></p><p><span class="time fr">8万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0130/1088144.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-30/20230130100012236.webp" src="https://www.easck.com/d/file/p/2023/01-30/20230130100012236.webp"></div>
<div class="txtInfo"><h3>CSS填充和宽高详解</h3><div class="extr clearfix"><p><span class="time fl">2023-01-30</span></p><p><span class="time fr">9万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0118/1087028.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-18/202301180242485722.jpg" src="https://www.easck.com/d/file/p/2023/01-18/202301180242485722.jpg"></div>
<div class="txtInfo"><h3>photoshop打造真人手绘图</h3><div class="extr clearfix"><p><span class="time fl">2023-01-18</span></p><p><span class="time fr">3万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0108/1084966.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-08/202301081921392675.jpg" src="https://www.easck.com/d/file/p/2023/01-08/202301081921392675.jpg"></div>
<div class="txtInfo"><h3>XSplit登陆慢、无法登陆的解决办法</h3><div class="extr clearfix"><p><span class="time fl">2023-01-08</span></p><p><span class="time fr">4万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0107/1084604.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-07/202301071725482667.jpg" src="https://www.easck.com/d/file/p/2023/01-07/202301071725482667.jpg"></div>
<div class="txtInfo"><h3>电子书制作排版教程</h3><div class="extr clearfix"><p><span class="time fl">2023-01-07</span></p><p><span class="time fr">18万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0107/1084448.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/01-07/202301071300321076.jpg" src="https://www.easck.com/d/file/p/2023/01-07/202301071300321076.jpg"></div>
<div class="txtInfo"><h3>PP加速器新窗口独立视频功能</h3><div class="extr clearfix"><p><span class="time fl">2023-01-07</span></p><p><span class="time fr">3万阅读</span></p></div></div>
</a>
</li>
	</ul>
    </div>
</div>
        <footer>
<p><a href="https://www.easck.com">电脑版</a> - <a href="https://wap.easck.com">移动首页</a></p>
<div style="display:none"><script type="text/javascript" src="/skin/wap/tongji.js"></script></div>
        </footer> 
		<script type="application/ld+json">
{
	"@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
	"@id": "https://wap.easck.com/cos/2019/0314/272794.shtml",
	"title": "CSS制作政府公文的代码-易采站长站",
	"description": "应程序要求，全部用p 类展示。其他要求请自行更改！ 关于有序列表OL: 直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF，GG内，是在序列号和正文中间。 改用对OL使用padding-left:4em",
	"pubDate": "2019-03-14 T 22:37:13+08:00",
	"upDate": "2019-03-14 T 22:37:13+08:00",
        "data":{
            "WebPage":{
                 "pcUrl":"https://www.easck.com/cos/2019/0314/272794.shtml",
                 "wapUrl":"https://www.easck.com/cos/2019/0314/272794.shtml",
                 "fromSrc":"易采站长站"
             }
        }
}
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
	</body>
</html>