成都网站建设设计

将想法与焦点和您一起共享

段落样式css,段落样式属性

怎么在Dreamweaver中,建段落的CSS样式

!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

文字段落怎么用CSS样式

文字段落一般用P标签,可以用height、line-height、text-indent等属性。具体情况要具体分析,还是得多用CSS样式。

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代码文字段落设置

解决:

这样就好了。

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,段落样式属性
分享链接:http://chengdu.cdxwcx.cn/article/dscigpp.html