文章標(biāo)題:CSS如何去除圖片陰影
在網(wǎng)頁設(shè)計(jì)中,圖片在布局中占據(jù)很重要的位置,但是有時(shí)候圖片會(huì)有陰影,這樣就會(huì)影響整個(gè)頁面的美觀度。下面就讓我們一起來學(xué)習(xí)如何利用CSS去除圖片陰影。
首先,在樣式表里使用如下代碼:
在這個(gè)代碼中,
但是,有時(shí)候我們會(huì)發(fā)現(xiàn)在某些瀏覽器中,圖片的陰影并沒有被完全去除。這時(shí)候就需要增加一些瀏覽器前綴:
這樣就能夠解決大部分瀏覽器中圖片陰影不能完全去除的問題了。
總之,要想去除圖片陰影,只需要在樣式表中使用
在網(wǎng)頁設(shè)計(jì)中,圖片在布局中占據(jù)很重要的位置,但是有時(shí)候圖片會(huì)有陰影,這樣就會(huì)影響整個(gè)頁面的美觀度。下面就讓我們一起來學(xué)習(xí)如何利用CSS去除圖片陰影。
首先,在樣式表里使用如下代碼:
img{ box-shadow:none; }
在這個(gè)代碼中,
box-shadow
是CSS一個(gè)屬性,它可以設(shè)置盒子的陰影效果。none
表示沒有陰影效果,所以設(shè)置了box-shadow:none;
之后,就可以去除圖片陰影了。但是,有時(shí)候我們會(huì)發(fā)現(xiàn)在某些瀏覽器中,圖片的陰影并沒有被完全去除。這時(shí)候就需要增加一些瀏覽器前綴:
img{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
這樣就能夠解決大部分瀏覽器中圖片陰影不能完全去除的問題了。
總之,要想去除圖片陰影,只需要在樣式表中使用
box-shadow:none;
屬性即可。而且為了解決不同瀏覽器之間的兼容性問題,我們可以增加一些瀏覽器前綴,使得頁面更加美觀。