1樓:e日分享
css怎麼給4個邊框新增陰影
簡單的解釋一下相關的**屬性
box-shadow: 2px 4px 6px #000首先2px : 表示水平陰影的位置,然後4px :
表示垂直陰影的位置,接著5px : 表示模糊距離,最後#000 : 表示陰影的顏色(#000 黑色)
拓展資料:層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。
css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
2樓:
使用css3中的box-shadow屬性「.class;」即可。
1、css:層疊樣式表(英文全稱:cascading style sheets)是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言,css不僅可以靜態地修飾網頁,還可以配合各種指令碼語言動態地對網頁各元素進行格式化。
2、css 能夠對網頁中元素位置的排版進行畫素級精確控制,支援幾乎所有的字型字號樣式,擁有對網頁物件和模型樣式編輯的能力。
3樓:迷夨灬果兒
用css3中的box-shadow屬性就可以了
.class
4樓:菲律賓英語遊學
首先:body
html/*html加背景色*/
.g1{
width:500px;
height:500px;
border:2px solid #fff;
margin:30px auto;
background-color:#fff;
box-sizing:border-box;
.g2{
width:400px;
height:400px;
margin:50px auto;
border:2px solid #000;
box-shadow:5px 5px 5px #000,5px -5px 5px #000,-5px 5px 5px #000,-5px -5px 5px #000;
具體效果:
5樓:匿名使用者
做成有陰影效果的** 在css裡面寫background
6樓:匿名使用者
你還是做成**平鋪吧
7樓:
css3實現
.shadow
8樓:遨遊肆海求其凰
box-shadow:0 0 8px 5px #000;
box-shadow一般配合hover使用第一個引數0代表水平陰影位置,正數為右側有陰影,負數為左側有陰影第二個引數0代表豎直陰影位置,正數為下側有陰影,負數為上側有陰影第三個引數8px(blur)為模糊距離
第四個引數5px(spread)為陰影尺寸,就是擴充套件多少尺寸第五個引數為陰影顏色
如果想變為內部陰影可多加一個 inset值
如何用css實現div塊的陰影效果
9樓:匿名使用者
陰影效果如果不用過濾器的話,那就是用**做出來的
10樓:匿名使用者
i6不支援那個屬性啊
用背景圖吧
css如何實現讓文字透明,CSS如何單獨控制字型透明
夜思寧煙 方法是可以實現是,就是在連結a中的abc前後加一個span標籤就可以了。下面是完整的 隱藏的文字在左上角,滑鼠放上去看看 ps seo中通過這樣的方法google會判斷你是作弊的,所以最好不要用這種方法,如果你只是想在一個背景 上面做連結,可以做一個1x1畫素的gif透明 然後給寫成 其中...
css如何讓兩個div並排,div1左對齊,div2對齊di
戰歌 一 使用css float並排顯示 我們對div設定一個float浮動屬性即可解決不併排顯示,只要你的並排div盒子總寬度小於或等於最外層盒子寬度即可實現多個div物件並排顯示。這裡我們對div通設一個浮動,當然實際使用時候,要通排顯示div物件的加入css類,我們就對要同行顯示css選擇器設...
如何用css設定div與div之間的間距呢
衛戍邊疆 2 在index.html中的標籤中,輸入css sub。3 瀏覽器執行index.html頁面,此時3個div子子容器的垂直間距被統一設定為了30px。 a 和b設定float left屬性,如果要控制b與a的距離的話,就在b的屬性裡設定margin left 間距px go以前現在將來...