需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html，复制问题基础代码。
2、在index.html中的<body>标签中，加入html代码：<div style="width:1024pxheight:1pxbackground-color: #0000FFborder: 1px none #000000"></div>。
3、浏览器运行index.html页面，此时横线和竖向是差不多粗细的。
height:1pxfont-size:0pxbackground:#ff0000//理论上是这样写，但是这种写法兼容性不强。html本身自带的<hr>标签就是水平线，但是基本没人用，自带样式太不美观了。
所以不妨换个思路，用border 来解决。
height:12pxfont-size:12pxborder-bottom:1px solid #ff0000
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）