html中如何改变hr元素的粗细啊

横线是hr 如何让横线和竖线差不多粗细
<div style="float:left;margin-left:80px;margin-top:-9px" id="Layer1" style="width:1px; height:21800px; z-index:1; background-color: #0000FF;layer-background-color: #000000; border: 1px none #000000; left: 143px; top: 263px"></div>这是竖线的代码

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html,复制问题基础代码。

2、在index.html中的<body>标签中,加入html代码:<div style="width:1024px; height:1px; background-color: #0000FF; border: 1px none #000000;"></div>。

3、浏览器运行index.html页面,此时横线和竖向是差不多粗细的。

温馨提示:答案为网友推荐,仅供参考
第1个回答  推荐于2017-11-25
<hr size="5px" noshade=true />
平时要多看看文档
noshade 当设置为 true 时,水平线呈现为纯色(2D 效果)。当设置为 false 时,水平线显示为双色凹槽(3D 效果)。
size 规定水平线的厚度(高度)。
width 规定了水平线的宽度。本回答被网友采纳
第2个回答  2013-03-25
为什么一定要用hr,我的思路是,如果可以你这个横线也改用div就好了啊。稍微调整一下宽度和高度。应该是很简单的。你试试……
第3个回答  2013-03-25
修改一下width样式就行了,比如width:4px; 试试看吧.本回答被提问者采纳