!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
网站建设哪家好,找创新互联建站!专注于网页设计、网站建设、微信开发、小程序定制开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了渭源免费建站欢迎大家使用!
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title无标题文档/title
style type="text/css"
*{ margin:0; padding:0;}
p{ width:600px; height:32px; border:1px solid green; margin:20px auto 0 auto; line-height:32px;/*使段落中文字垂直居中*/}
.one{ text-indent:24px;/*文本缩进*/ margin-top:100px;}
/style
/head
body
p段落中的文字垂直居中,离上面20个像素的距离/p
p class="one"段落中年文字开头空2个字,离上面一个p100像素/p
/body
/html
文字段落一般用P标签,可以用height、line-height、text-indent等属性。具体情况要具体分析,还是得多用CSS样式。
text-align: 段落水平对齐设置值:center、right、left、justify(继承)
vertical-algin: 段落垂直对齐设置值:sub(垂直对齐文本的下标。) super(垂直对齐文本的上标) top(上) middle(中) bottom(下) 10px -10px 相对于元素行高属性的百分比
letter-spacing: 字母的间距
word_spacing: 单词的间距
line-height: 文本行高
text-indent: 缩进方式
white-space: 排版方式设置值:normal (默认,空白会被忽略) pre(原样显示) nowrap(文本不会换行)
解决:
这样就好了。
Css
style type="text/css"
.one{
font-size:10px;
color:#FF0000;
font-weight:bold;
}
.two{
font-size:18px;
color:#00FF00;
text-decoration:underline;
}
.three{
font-size:18px;
color:#0000FF;
text-decoration:overline;
}
/style
Html
p class="one"加油、努力/p
p class="two"加油、努力/p
p class="three"加油、努力/p
呵呵。
本文题目:段落样式css,段落样式属性
文章起源:https://www.cdcxhl.com/article38/dscigpp.html
成都网站建设公司_创新互联,为您提供软件开发、品牌网站建设、外贸网站建设、网站建设、企业建站、静态网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联