css控制hr标签样式去掉阴影
2014-01-22 16:50
302 查看
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>
去掉阴影效果很简单，只需在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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- css控制水平衡线hr标签样式去掉其阴影效果
- css控制水平衡线hr标签样式去掉阴影效果
- 把文章里边的html标签去掉（去掉文字的样式，显示css设置的样式）
- CSS list-style属性控制li标签样式示例代码
- CSS list-style属性控制ul标签样式
- [CSS] 去掉a标签超链接的虚线框，禁止浏览器默认input样式
- CSS控制<a>标签样式
- CSS list-style修改列表属性控制li标签样式
- 把文章里边的html标签去掉（去掉文字的样式，显示css设置的样式）
- DIV+CSS如何控制html标签li的样式，比如删除前面的点
- CSS list-style属性控制li标签样式
- input标签submit属性，用CSS控制样式时高度不好控制的解决办法
- 编写手机端自适应页面案例，springMVC代码，SpringMVC上传代码，去掉input框中原有的样式，使ios按钮没有圆角,css中的border-radius类似
- 移动H5页面CSS 样式控制，禁止页面文本复制代码
- html中 按钮样式 怎么把按钮的边框阴影去掉
- css继承样式怎么控制?用选择器
- CSS控制让每行显示4个图片的样式
- CSS和JavaScript标签style属性对照表（用javascript来控制css不再难了）
- Gridview样式的CSS控制
- CSS控制a标签链接的四种状态