css怎樣添加陰影邊框

小編給大家分享一下css怎樣添加陰影邊框，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

象山網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)公司,象山網(wǎng)站設(shè)計制作，有大型網(wǎng)站制作公司豐富經(jīng)驗。已為象山超過千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請找那個售后服務(wù)好的象山做網(wǎng)站的公司定做！

一：css陰影邊框使用語法：

1.屬性：box-shadow

2.使用方法：

　　div{box-shadow:001px#000inset;}

3.陰影使用方法分析：

第一個零代表距離對象左邊距離為0，并且開始顯示陰影，第二個零表示距離對象上間距對象為0，就開始顯示陰影，1px表示陰影的范圍1px，#000代表著陰影的顏色，inset表示對象內(nèi)陰影，對象外就不設(shè)置陰影。

4.兼容問題

火狐瀏覽器3.5版本和谷歌都是可以支持box-shadow屬性。

二：css如何添加陰影邊框？

在了解了陰影屬性是什么了之后，我們來講一下css如何添加陰影邊框，以下代碼就表示給邊框添加陰影邊框。

<!DOCTYPEhtml>
 
　　<html>
 
　　<head>
 
　　<metacharset="utf-8">
 
　　<title>CSS測試</title>
 
　　<style>
 
　　.box{box-shadow:5px2px6px#000inset;width:300px;height:80px;margin:0auto}
 
　　.box2img{box-shadow:5px2px6px#000}
 
　　</style>
 
　　<body>
 
　　<div>盒子對象陰影測試</div>
 
　　<divclass="box">DIV盒子內(nèi)陰影</div>
 
　　<div>圖片對象陰影測試</div>
 
　　<divclass="box2"><imgsrc="/upload/otherpic53/5a9675a3b2106284.jpg"/></div>
 
　　</body>
 
　　</html>

以上是“css怎樣添加陰影邊框”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前文章：css怎樣添加陰影邊框
文章地址：http://chinadenli.net/article22/gidgcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站建設(shè)、服務(wù)器托管、搜索引擎優(yōu)化、移動網(wǎng)站建設(shè)、商城網(wǎng)站、網(wǎng)站制作

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css怎樣添加陰影邊框