首页 > 试题广场 >

实现不使用 border 画出1px高的线，在不同浏览器的标

[问答题]
实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果？
查看答案及解析
添加回答
wyuan4头像 wyuan4
以上依次是：div、hr（height=“1px”）、hr（size=“1”），在谷歌、火狐、ie11都测试过，效果都如上图所示。求大神们指教，除了div其他两种有问题吗？
发表于 2017-09-28 22:44:15 回复(4)
Ke、aI的小跟班v头像 Ke、aI的小跟班v
<hr size="1"> 新手，还望大家指教
发表于 2017-05-28 15:33:28 回复(4)
没落的宅男贵族头像 没落的宅男贵族 
<div style="width:100%;height:1px;background-color:black"></div>

发表于 2017-05-29 17:01:36 回复(0)
阿随u头像 阿随u
如果要画一个0.5px线，可以用一个before元素，加absolute，然后width和height给200%，最后transform：scale（0.5，0.5），transform-origin：0 0 即可
发表于 2020-03-29 10:20:28 回复(0)
一米阳光、头像 一米阳光、
<div style="width: 100%;border:none;border-bottom: 1px solid rgba(0,0,0,1.00);"></div>
发表于 2018-03-29 18:09:04 回复(0)
rosendolu头像 rosendolu
伪类
发表于 2018-10-12 21:55:59 回复(0)
努力赚钱的小曾头像 努力赚钱的小曾
<p>使用height:1px来操作</p>
发表于 2020-08-29 11:45:58 回复(0)
火柴哥头像 火柴哥
<p>&lt;div style"width:100%;height：1px;background:red"&gt;&lt;/div&gt;</p><p><br></p>
编辑于 2020-05-11 20:29:08 回复(0)
太阳煮的酒头像 太阳煮的酒

style=width：100% height：1px background：red



发表于 2019-06-06 12:43:45 回复(0)
幽谷里的芬芳头像 幽谷里的芬芳
<div style="height:1px;background:red;overflow:hidden"></div>
谷歌不显示
发表于 2017-09-04 08:45:06 回复(1)
提交观点

问题信息

上传者：牛妹
难度：
10条回答 8971浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号