本篇内容主要讲解“css怎么控制水平衡线hr标签样式去掉其阴影效果”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“css怎么控制水平衡线hr标签样式去掉其阴影效果”吧!
html中水平衡线hr默认高度是两个像素,其中border-top高1px,且颜色为黑,border-bottom高1px颜色为灰,这时看着是阴影效果 去掉阴影效果很简单,只需在css里把border-bottom或border-top属性设置一个为none即可。
代码如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <title>Inserttitlehere</title> <styletype="text/css"> .hrtest{ height:20px; width:50px; border-top:1pxsolidred; border-left:none; border-right:none; border-bottom:none; } </style> </head> <body> <hrclass="hrtest"> </body> </html>
到此,相信大家对“css怎么控制水平衡线hr标签样式去掉其阴影效果”有了更深的了解,不妨来实际操作一番吧!这里是恰卡编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
CSS中如何让auto height支持过渡动画
css语言的概念是什么
css语言的概念是什么这篇文章主要讲解了“css语言的概念是什么”...
php 压缩CSS代码
PHP工程师需要掌握什么技能?
泰牛韩顺平PHP四大模块实战开发教程全集网盘下载
css中的margin-right怎么设置
css元素浮动所需注意的事项有哪些
引入css样式使用的标签是哪个
css复合选择器有哪几种
css样式表由什么组成
用户名
密码
记住登录状态 忘记密码?
邮箱
确认密码
我已阅读并同意 用户协议