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

ttx9n · 发表于 2014-1-24 17:50:02

水平衡线hr默认高度是两个像素，其中border-top高1px，且颜色为黑，看着是有阴影效果，下面为大家介绍下使用css控制hr标签样式去掉阴影，需要的朋友可以参考下 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>

bp5jgbcnt · 发表于 2022-8-22 06:54:47

有什么好的服务器

95nd4ba · 发表于 2022-9-27 03:01:02

儿飞飞微风DVD谁vdsvd

shw5ovr · 发表于 2022-12-27 13:23:56

呵呵呵呵呵呵呵a

Alisaliu · 发表于 2023-1-9 14:44:29

额风风风微风微风违法

a971560 · 发表于 2023-1-31 21:24:53

很好，谢谢分享

白狐软件 · 发表于 2023-8-27 08:34:23

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

5ble0ks · 发表于 2023-9-17 03:24:51

好人好人好人好人

shw5ovr · 发表于 2023-10-22 20:45:55

呵呵呵呵呵呵呵a

i3x3r3 · 发表于 2024-3-2 09:34:10

谢谢您的分享！

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

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

相关帖子