代碼塊
html頁面:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>box-shadow</title>
</head>
<body>
<div class="bottom"></div>
<div class="right"></div>
<div class="top"></div>
<div class="left"></div>
</body>
</html>
css樣式:
<style type="text/css" media="screen">
div{
width: 300px;
height: 100px;
margin:50px;
}
.left{
background-color: #006400;
box-shadow: 10px 10px 5px #888;
}
.top{
background-color: #DC143C;
box-shadow: #888 10px 5px 10px;
}
.right{
background-color: #FF1493;
box-shadow: 10px #888 5px 10px;
}
.bottom{
background-color: #08B;
box-shadow: 10px 10px #888 5px;
}
</style>
創新互聯www.cdcxhl.cn,專業提供香港、美國云服務器,動態BGP最優骨干路由自動選擇,持續穩定高效的網絡助力業務部署。公司持有工信部辦法的idc、isp許可證, 機房獨有T級流量清洗系統配攻擊溯源,準確進行流量調度,確保服務器高可用性。佳節活動現已開啟,新人活動云服務器買多久送多久。
當前標題:css3box-shadow-創新互聯
本文來源:http://www.2m8n56k.cn/article22/pepcc.html
成都網站建設公司_創新互聯,為您提供做網站、網站設計公司、服務器托管、網站導航、軟件開發、網頁設計公司
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:[email protected]。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯