Heim > Web-Frontend > HTML-Tutorial > [一天学一个CSS3属性]之二:box-shadow_html/css_WEB-ITnose

[一天学一个CSS3属性]之二:box-shadow_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:52:47
Original
912 Leute haben es durchsucht

今天比较忙,没能好好看新东西,就记录一个常用的CSS3属性吧:box-shadow,表示阴影,如果设置了border-radius圆角,则阴影也是圆角

box-shadow目前是IE9及以上和其他现代浏览器都支持的属性了。

语法:

Formal syntax: none | [inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ] ]#
Nach dem Login kopieren

取值:

inset: 表示阴影在边框内部(即使是无边框),在背景之上,内容之下;

offset-x 和 offset-y: 偏移量,正值表示向左和向下;

blur-radius: 模糊半径,默认0,不能为负值;

spread-radius: 取正值阴影扩大,取负值缩小,默认为0.

color: 颜色,所未定义则由浏览器确定。

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