1、新建html文档,在body标签中添加div标签并填写一段文字,然后为这个div设置一些样式:
2、为div添加“text-align”属性,属性值为“center”,这时文字将会在框内水平居中:
3、为div添加“line-height”属性,属性值为div的高度,这时文字将会在框内垂直居中:
一、定义
所谓水平线,英文单词为“Horizontal Line”,标签为<HR>,作用是在网页中插入一条水平线。
二、语法
<HR>
因为<hr>没有对应的结束标签,所以一般写<hr>都写成<hr />。
三、属性
1、size,定义水平线的高度,默认值为1px。使用<hr size="10" />会得一条很“厚”(10px)的水平线。
2、width,定义水平线的宽度,取值可以是一个像素值,也可以是一个百分比。默认值100%,表示当前区域的整个宽度。
3、align,定义水平线的对齐方式,取值为left,right,center。当<hr>的宽度不是100%时才有效。
4、noshade,定义水平线无阴影。这个参数是孤立参数,没有值。水平线默认情况下是有阴影的。
四、注意
1、<hr>洪哥建议书写时写成<hr />,因为这样比较规范。
2、<hr>标签可以用于分隔文章的小节。
1、新建html文档,在body标签中添加div标签,然后在div标签中添加img标签。
2、为div标签添加“margin”属性,属性值是“0 auto”,这时div标签将会在网页中居中显示。
3、为div标签添加“text-align”属性,属性值是“center”,这时div标签内的img标签将会在div标签中居中显示,这样图片就会在网页中居中显示了。