CSS制作政府公文的代码

作者佚名技术来源 CSS技术浏览发布时间 2012-03-04

应程序要求，全部用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门申报课程的会议评审，全体专家无记名投票，按得票数遴先前六名，推荐《桥</td> </tr> <tr> <td><p>凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：<a href="http://www.lingzhong.cn">http://www.lingzhong.cn</a> 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!</p> </td> </tr> </table> </div> <div class="page"><a href="13692.htm" class="current">1</a><a href="13692-2.htm">2</a><a href="13692-2.htm">下一页</a><div style="clear:both;"></div></div> <div id="jiathis">  <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a style="background:none;">分享到：</a> <a class="bds_qzone"></a> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_baidu"></a> <a class="bds_douban"></a> <a class="bds_kaixin001"></a> <a class="bds_t163"></a> <a class="bds_tsohu"></a> <span class="bds_more">更多</span> <a class="shareCount"></a> </div> <script type="text/javascript" id="bdshare_js" data="type=tools&uid=460515" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript"> document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours(); </script>  <div style="clear:both;"></div> </div> <div id="likeart"> <div class="liketitle">你可能对下面的文章感兴趣</div> <div class="likebox"> <ul> <li><a href="http://www.lingzhong.cn/tech/16442.htm" title="mysql 4,mysql 4.1,mysql 数据库中文问题" target="_blank">mysql 4,mysql 4.1,mysql 数据库中文问题</a></li> <li><a href="http://www.lingzhong.cn/tech/36555.htm" title="photoshop绘制发光的线性字体" target="_blank">photoshop绘制发光的线性字体</a></li> <li><a href="http://www.lingzhong.cn/tech/41903.htm" title="Java建模: UML工作簿，第 3部分 - 编程入门网" target="_blank">Java建模: UML工作簿，第 3部分 - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/39180.htm" title="分析PS抠图的基础知识和实用技巧" target="_blank">分析PS抠图的基础知识和实用技巧</a></li> <li><a href="http://www.lingzhong.cn/tech/37469.htm" title="Photoshop简单制作高个美女" target="_blank">Photoshop简单制作高个美女</a></li> <li><a href="http://www.lingzhong.cn/tech/21061.htm" title="linux采用模块方法，添加一个新的设备" target="_blank">linux采用模块方法，添加一个新的设备</a></li> <li><a href="http://www.lingzhong.cn/tech/26076.htm" title="debian sudoer" target="_blank">debian sudoer</a></li> <li><a href="http://www.lingzhong.cn/tech/15559.htm" title="Web.config中注册用户控件和自定义控件" target="_blank">Web.config中注册用户控件和自定义控件</a></li> <li><a href="http://www.lingzhong.cn/tech/49389.htm" title="flash 避开微软新ActiveX控件升级的方法" target="_blank">flash 避开微软新ActiveX控件升级的方法</a></li> <li><a href="http://www.lingzhong.cn/tech/22079.htm" title="asp.net 桌面快捷方式" target="_blank">asp.net 桌面快捷方式</a></li> </ul> </div> <div style="clear:both;"></div> </div> <div class="prenext"><span class="pre">上一篇: <a href='http://www.lingzhong.cn/tech/13693.htm'>思考Web站点设计对类以及id的命名方式</a></span><span class="next">下一篇: <a href='http://www.lingzhong.cn/tech/13691.htm'>CSS Alpha透明相关知识学习</a></span> <div style="clear:both;"></div> </div>  <div class="comment"> <div class="more"> <a href="http://www.lingzhong.cn/tech/plus/comment/?id=13692">关于CSS制作政府公文的代码的所有评论</a> </div>  <div class="list"> <script language="JavaScript" type="text/javascript" src="http://www.lingzhong.cn/tech/plus/comment/js.asp?id=13692"></script> </div>  <div class="post"> <form action="http://www.lingzhong.cn/tech/plus/comment/save.asp" method="post"> <input type="hidden" name="id" value="13692"> <label for="user">昵称</label> <input name="user" type="text" class="input" /> <label for="content">评论内容</label> <textarea name="content" cols="70" rows="6" class="textarea" onfocus="if($('sn').innerHTML.length==0){geturl('http://www.lingzhong.cn/tech/plus/comment/getcode.asp?'+Math.random(),'sn');}">

随机推荐

地址(ADD)：厦门软件园二期望海路63号701E（东南融通旁）邮编(ZIP)：361008

电话：0592-5908028 传真：0592-5908039 咨询信箱：web@lingzhong.cn 咨询OICQ：173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024 ICP备案:闽ICP备05037997号