這篇文章將為大家詳細講解有關(guān)css如何實現(xiàn)內(nèi)陰影，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)長期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為尼元陽企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)，尼元陽網(wǎng)站改版等技術(shù)服務(wù)。擁有十載豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

CSS代碼:

/*offset-x|offset-y|color*/

box-shadow:60px-16pxteal;

/*offset-x|offset-y|blur-radius|color*/

box-shadow:10px5px5pxblack;

/*offset-x|offset-y|blur-radius|spread-radius|color*/

box-shadow:2px2px2px1pxrgba(0,0,0,0.2);

/*inset|offset-x|offset-y|color*/

box-shadow:inset5em1emgold;

/*Anynumberofshadows,separatedbycommas*/

box-shadow:3px3pxred,-1em00.4emolive;

/*Globalkeywords*/

box-shadow:inherit;

box-shadow:initial;

box-shadow:unset;

取值說明：

inset:默認陰影在邊框外。使用inset后，陰影在邊框內(nèi)（即使是透明邊框），背景之上內(nèi)容之下。也有些人喜歡把這個值放在最后，瀏覽器也支持。

:這是頭兩個值，用來設(shè)置陰影偏移量。設(shè)置水平偏移量，如果是負值則陰影位于元素左邊。設(shè)置垂直偏移量，如果是負值則陰影位于元素上面?？捎脝挝徽埐榭?length>。如果兩者都是0，那么陰影位于元素后面。這時如果設(shè)置了或則有模糊效果。

:這是第三個值。值越大，模糊面積越大，陰影就越大越淡。不能為負值。默認為0，此時陰影邊緣銳利。

:這是第四個值。取正值時，陰影擴大；取負值時，陰影收縮。默認為0，此時陰影與元素同樣大。

:相關(guān)事項查看。如果沒有指定，則由瀏覽器決定——通常是color的值，不過目前Safari取透明。

關(guān)于“css如何實現(xiàn)內(nèi)陰影”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。