日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

如何在CSS中給像片加投影效果

右邊框設(shè)個(gè)寬度,邊框顏色設(shè)成深灰色,下邊框同理.就出來(lái)投影效果啦.

創(chuàng)新互聯(lián)于2013年成立，是專(zhuān)業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢(mèng)想脫穎而出為使命，1280元曲阜做網(wǎng)站,已為上家服務(wù),為曲阜各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18982081108

CSS里如何寫(xiě)投影

!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.1//EN"?""

html?xmlns=""?xml:lang="en"

head

meta?http-equiv="Content-Type"?content="text/html;?charset=gb2312"?/

titleUntitled?Document/title

style?type="text/css"

div#pic{

background:?url()?left?top;

width:?151px;

height:?47px;

border:?1px?solid?#000000;

}

div#shadow{

width:?151px;

height:?47px;

background:?#CCCCCC;?/*陰影顏色*/

position:?relative;?/*設(shè)置陰影圖層的位置為相對(duì)定位*/

left:?5px;

top:?-44px;

z-index:?-1;?/*把陰影圖層置于最底層*/

}

/style

/head

body

div?id="pic"/div

div?id="shadow"/div

/body

/html

怎么用CSS做圖層的投影效果？

用CSS做圖層的投影效果,css2是做不到的，在css3中，我們可以通過(guò)box-shadow 內(nèi)陰影與外陰影來(lái)實(shí)現(xiàn)，用法是，E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}，對(duì)象選擇器 {text-shadow:投影方式 X軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴(kuò)展半徑 陰影顏色}；這里我們通過(guò)代碼來(lái)理解：

html

head

style

#nav{

width:900px;

height:30px;

-moz-box-shadow:5px 5px 5px #999 inset; ? ? ? ? ? ?

-webkit-box-shadow:5px 5px 5px #999 inset; ? ? ? ?

box-shadow:5px 5px 5px #999 inset;

}

/head

body

div class="nav"

/div

?

/body

/html

效果如圖：

分享文章：投影css樣式,投影技法基本類(lèi)型
文章路徑：http://www.dlmjj.cn/article/phjjhs.html