css邊框陰影怎麼設定
- 藏色散人原創
- 2021-04-12 14:57:512618瀏覽
在css中可以透過box-shadow屬性設定一個或多個下拉陰影的框，該屬性的使用語法如“box-shadow:Xpx Ypx Zpx #888888;”，其中X表示橫向陰影， Y表示縱向陰影，Z表示漸層效果，「#888888」表示陰影顏色。
本文操作環境：windows7系統、HTML5&&CSS3版、Dell G3電腦。
CSS設定邊框陰影效果
box-shadow屬性可以設定一個或多個下拉陰影的方塊。
box-shadow: Xpx Ypx Zpx #888888;
X：橫向陰影（偏移值）
Y：縱向陰影（偏移值）
Z：漸變效果
#888888：陰影顏色
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:300px;
height:100px;
background-color:yellow;
box-shadow: 12px 12px 500px #888888;
}
</style>
</head>
<body>
<div></div>
</body>
</html>【推薦學習：css影片教學】
以上是css邊框陰影怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn