Heim > Web-Frontend > HTML-Tutorial > background-color属性有没有继承性_html/css_WEB-ITnose

background-color属性有没有继承性_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:40:36
Original
2594 Leute haben es durchsucht

background-color属性有没有继承性:

因为对象的背景默认是透明的,所以如果父对象设置了背景颜色之后,子对象也呈现为父对象的背景颜色,好像子对象继承了父对象的背景颜色,其实这是一种视觉错误。下面通过一个实例来说明一下background-color不具有继承性。

实例代码:

<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css"> .parent {   width:200px;   height:200px;   border:1px solid red;   background-color:green; } .children {   width:120px;   height:120px;   border:1px solid red;   position:relative;   left:150px; } </style> </head> <body>   <div class="parent">     <div class="children"></div>   </div> </body> </html>
Nach dem Login kopieren

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0507/904.html

最为原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4647

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