css控制水平衡线hr标签样式去掉其阴影效果

ttx9n · 发表于 2014-7-29 14:50:32

html中水平衡线hr看上去是有阴影效果的，去掉方法很简单，在css里把border-bottom或border-top属性设置一个为none即可 html中水平衡线hr默认高度是两个像素，其中border-top高1px，且颜色为黑，border-bottom高1px颜色为灰，这时看着是阴影效果

去掉阴影效果很简单，只需在css里把border-bottom或border-top属性设置一个为none即可。

复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type = "text/css">
.hrtest{
height:20px;
width:50px;
border-top:1px solid red;
border-left:none;
border-right:none;
border-bottom:none;
}
</style>
</head>
<body>
<hr class = "hrtest">
</body>
</html>

v3sfsi · 发表于 2022-12-12 11:23:03

激动人心，无法言表！

errol123 · 发表于 2023-5-26 12:11:20

给爸爸爸爸爸爸爸爸爸爸八佰伴八佰伴

adm1n · 发表于 2023-10-19 10:47:03

好东西可以可以可以可以

Alisaliu · 发表于 2023-12-27 07:37:24

人都不在了啊啊

fiyeid · 发表于 2024-6-6 17:16:53

的vgdsvsdvdsvdsvds

bp5jgbcnt · 发表于 2024-6-26 03:02:55

刷屏刷屏刷屏

5cf304mn2 · 发表于 2024-6-26 05:36:22

额风风风微风微风违法

7jbiiz · 发表于 2024-8-8 03:46:18

女生看了弄丢了卡萨诺的卡洛斯

w18pvaep · 发表于 2024-8-13 18:05:45

你们谁看了弄洒了可能

账号		自动登录	找回密码
密码			立即注册

[CSS] css控制水平衡线hr标签样式去掉其阴影效果

相关帖子