Heim > Web-Frontend > HTML-Tutorial > 圆弧边框设置_html/css_WEB-ITnose

圆弧边框设置_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 08:49:08
Original
2242 Leute haben es durchsucht

怎么将圆弧的边框的颜色和背景的颜色一致           我做出来是白色的

.two{height:38px;background:url(../images/ym_12.png) repeat-x;border:1px #78a8a1 solid;float:left;border-bottom:none;padding-left:21px;width:1285px;border-radius:10px 10px 0px 0px;}


回复讨论(解决方案)

白色的应该是它的父级元素造成的吧,检查一下他的父级元素~

border:1px #78a8a1 solid;这个已经设置了整体的边框,圆角边框的效果出来之后,会出现留白的,

设置父元素的背景色

设置圆角之后圆弧边角会变的透明,也就是说白色的部分是背景色。 你可以检查一下父级元素,看看父级元素背景色是否和背景一样。也可以添加一个父级元素背景颜色设置成与背景色一致。希望对你有帮助, 不懂可以将代码发过来帮你修改一下,一起学习~

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage