简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

圆弧边框设置_html/css_WEB-ITnose

WBOY
Release： 2016-06-21 08:49:08
Original
2206 people have browsed it

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

.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;这个已经设置了整体的边框，圆角边框的效果出来之后，会出现留白的，

设置父元素的背景色

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

Related labels：
圆弧边框设置
source：php.cn
Previous article：对话框css3实现方式_html/css_WEB-ITnose Next article：怎么让 列表 向上滚动_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
SASS styles take precedence over media queries I'm trying to use media queries to override styles for desktop devices but it doesn't seem...
From 2024-04-05 15:03:00
0
1
3396
Create borders around elements of different heights I'm using react-photo-album to create a photo album on my website. I'm wondering if it's p...
From 2024-03-30 10:28:37
0
1
331
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！