网页设计怎么居中 请问在网页制作中加入一条水平线的HTML代码是什么?
请问在网页制作中加入一条水平线的HTML代码是什么?
网页中制作一条水平线的HTML代码有以下的方法可以实现:
1.使用html中的border属性来设置一条水平线<div style="width:500px border:1px solid red"></div><!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->
2.使用hr标签可以制作一条水平直线<hr/>
3.使用background-color来制作一条线,和border基本类似<div style="width:500px height:1pxbackground-color:red"></div><!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->
4.可利用背景图来实现和background-color原理一样<div style="width:500px height:1pxbackground:url(背景图的路径) repeat-x"></div><!--复制到html文件中就会是一条红色水平直线,线的颜色、长短、可自己调节-->
在网页设计中怎么让背景图片水平居中?
CSS使网页背景图片居中的三种方法。1、第一种:用像素设定,很多都用这种,但是也是最麻烦的:<div style="width:800pxheight:600pxbackground:url(图片地址) no-repeat 250px 270pxborder:1px solid #cccccc"></div> 2、第二种:用50%设定,很方便。<div style="width:800pxheight:600pxbackground:url(图片地址) no-repeat 50% 50%border:1px solid #cccccc"></div> 3、第三种:用center设定(注:第2个center可以省略,因为默认就是center)。<div style="width:800pxheight:600pxbackground:url(图片地址) no-repeat center centerborder:1px solid #cccccc"></div>
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。