CSS制作政府公文的代码-侯体宗的博客

CSS制作政府公文的代码
前端 / 管理员发布于 8年前 393

应程序要求，全部用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 全部选择提示：你可先修改部分代码，再按运行]

上一条：
CSS网页设计时关于字体大小的设计
下一条：
CSS教程:text-indent隐藏文字出现虚线框outline

0条评论 (评论内容有缓存机制,请悉知!)

最新最热

相关文章
使用 Alpine.js 排序插件对元素进行排序(0个评论)
在js中使用jszip + file-saver实现批量下载OSS文件功能示例(0个评论)
在vue中实现父页面按钮显示子组件中的el-dialog效果(0个评论)
使用mock-server实现模拟接口对接流程步骤(0个评论)
vue项目打包程序实现把项目打包成一个exe可执行程序(0个评论)

近期文章
opencode + Oh-my-openagent,我的第一个免费的ai编程智能体管家:Sisyphus(0个评论)
Google AI Studio升级全栈 vibe coding体验，可直接构建带登录和数据库的应用(0个评论)
Apifox桌面端被曝遭供应链投毒：CDN 脚本被篡改，窃取 SSH 密钥与 Git 凭证(0个评论)
在go语言中实现字符串可逆性压缩及解压缩功能(0个评论)
使用go + gin + jwt + qrcode实现网站生成登录二维码在app中扫码登录功能(0个评论)
在windows10中升级go版本至1.24后LiteIDE的Ctrl+左击无法跳转问题解决方案(0个评论)
智能合约Solidity学习CryptoZombie第四课:僵尸作战系统(0个评论)
智能合约Solidity学习CryptoZombie第三课:组建僵尸军队(高级Solidity理论)(0个评论)
智能合约Solidity学习CryptoZombie第二课:让你的僵尸猎食(0个评论)
智能合约Solidity学习CryptoZombie第一课:生成一只你的僵尸(0个评论)

近期评论
test1 在
opencode + Oh-my-openagent,我的第一个免费的ai编程智能体管家:Sisyphus中评论 test..
122 在
学历：一种延缓就业设计，生活需求下的权衡之选中评论工作几年后，报名考研了，到现在还没认真学习备考，迷茫中。作为一名北漂互联网打工人..
Zita 在
Google AI Studio升级全栈 vibe coding体验，可直接构建带登录和数据库的应用中评论 111222..
123 在
Clash for Windows作者删库跑路了，github已404中评论按理说只要你在国内，所有的流量进出都在监控范围内，不管你怎么隐藏也没用，想搞你分..
原梓番博客在
在Laravel框架中使用模型Model分表最简单的方法中评论好久好久都没看友情链接申请了，今天刚看，已经添加。..

Top