Heim > Web-Frontend > HTML-Tutorial > box-shadow并不会增加元素的实际占据空间_html/css_WEB-ITnose

box-shadow并不会增加元素的实际占据空间_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:27:00
Original
1010 Leute haben es durchsucht

box-shadow并不会增加元素的实际占据空间:
关于此属性的用法这里就不多做介绍了,具体可以参阅CSS3的box-shadow属性用法详解一章节。
对元素引用此属性之后,元素在外观上是看起来体积变大了,其实并没有更多的占据空间。
代码实例如下:

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">div{  width:100px;  height:100px;  background-color:green;  box-shadow:0px 0px 0px 10px red;}</style></head><body><div></div><span>蚂蚁部落</span></body></html>
Nach dem Login kopieren

从上面的代码表现来看,确实说明了这一点。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=18264

更多内容可以参阅:http://www.softwhy.com/divcss/

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