3天0基础建站课程

[DIV+CSS 教程笔记01] 对于text-indent（段落缩进） text-align(居中) text-decoration的设置

30 主题	15 回帖	214 积分

终身VIP会员

Rank: 7 Rank: 7 Rank: 7

积分: 214

发消息

发表于 2014-10-3 23:49:59 | 显示全部楼层 |阅读模式

亲注册登录道勤网-可以查看更多帖子内容哦！（包涵精彩图片、文字详情等）请您及时注册登录-www.daoqin.net

您需要登录才可以下载或查看，没有账号？立即注册

x

对于text-indent（段落缩进） text-align(居中) text-decoration的设置，新手对这些可能都是一知半解的。今天分享给大家

这里要说明白<p></p>一个段标记

text-indent:20px; 这里指的是文字的一个缩进。
text-align:center;(这里值得是文本的对其方式)center则是居中对齐，right指的是向右对齐。left指的是向左对齐！
text-decoration:underline;(underline指的是下划线) text-decorationverlineoverline指的是上划线) text-decoration:linethrough;(linethrough指的是删除线)

具体代码如下

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title>23 css控制段落文本</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="道勤教育 http://www.daoqin.net" />
<style>
#p1{
background:gray;
text-indent:20px;
text-align:center;
}
#p2{
background:orange;
text-decoration:underline;
}
</style>
</head>
<body>
<p id="p1">京师范大学的主源可追溯到1902年创办的三江师范学堂，该学堂是中国高等师范教育的发祥地之一，后历经两江师范学堂、南京高等师范学校、国立东南大学、国立第四中山大学、国立江苏大学、国立中央大学、国立南京大学、南京大学等时期；其另一源头为1888年创办的汇文书院，</p>
<p id="p2">后发展为私立金陵大学，1951年与私立金陵女子文理学院（曾称私立金陵女子大学）合并，成立公立金陵大学。1952年全国高校院系调整，在原南京大学、金陵大学等有关院系的基础上组建南京师</p>
</body>
</html>

复制代码

道勤主机提供365天*24小时全年全天无休、实时在线、零等待的售后技术支持。竭力为您免费处理您在使用道勤主机过程中所遇到的一切问题! 如果您是道勤主机用户，那么您可以通过QQ【792472177】、售后QQ【59133755】、旺旺【诠释意念】、微信：q792472177免费电话、后台提交工单这些方式联系道勤主机客服！如果您不是我们的客户也没问题，点击页面最右边的企业QQ在线咨询图标联系我们并购买后，我们为您免费进行无缝搬家服务，让您享受网站零访问延迟的迁移到道勤主机的服务！

使用道具举报