html div四邊陰影效果

本文轉載自查看原文 2018-08-06 16:34 1369

 
           <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
          

 
           <html xmlns="http://www.w3.org/1999/xhtml"> 
          

<head>

 
           <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
          

 
           <title>無標題文檔</title> 
          

<style>

.shadow{

float:left;

margin-left:20px;

background: #EEFF99;

width:200px;

height:400px;

}

.shadow:hover{

 
           -webkit-box-shadow: #ccc 0px 10px 10px;  
          

 
           -moz-box-shadow: #ccc 0px 10px 10px;  
          

 
           box-shadow: #ccc 0px 10px 10px; } 
          

</style>

</head>

<body>

 
           <div class="shadow"></div>  
          

 
           <div class="shadow"></div>  
          

 
           <div class="shadow"></div>  
          

</body>

</html>

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 css背景透明、div向內四邊陰影 html div邊框陰影 css給div添加陰影效果（轉）教你實現Winform窗體的四邊陰影效果 C#窗體四邊框陰影效果的實現移動端div點擊有陰影效果 CSS 設置圓角div和陰影效果 HTML5 css3 陰影效果 box-shaw四邊陰影詳解 css3-實現盒子四邊的陰影(一周陰影)