国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

分享CSS3制作卡片式圖片的方法

2024-07-11 08:32:42
字體：大 中 小
來源：轉載
供稿：網友

先看看效果圖：

XML/HTML Code復制內容到剪貼板
  1. <!DOCTYPE html>   <html>  
  2. <head>   <style>  
  3. body {margin:25px;}    div.polaroid {   
  4.   width: 40%;      background-color: white;   
  5.   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);      margin-bottom: 25px;   
  6. }    div.container {   
  7.   text-align: center;      padding: 10px 20px;   
  8. }    </style>  
  9. </head>   <body>  
  10. <h2>響應式卡片</h2>   <div class="polaroid">  
  11.   <img src="rock600x400.jpg" alt="Norway" style="width:100%">     <div class="container">  
  12.     <p>The Troll's tongue in Hardanger, Norway</p>     </div>  
  13. </div>   </body>  
  14. </html>  
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 昆明市| 德安县| 荃湾区| 呼伦贝尔市| 盱眙县| 罗城| 安陆市| 景洪市| 和静县| 金坛市| 铁岭市| 瑞安市| 清原| 绵阳市| 永吉县| 阆中市| 景德镇市| 长泰县| 长岭县| 鹿邑县| 莲花县| 横山县| 奉新县| 邹城市| 新乐市| 广德县| 阳山县| 东源县| 教育| 德清县| 秦皇岛市| 襄垣县| 昌江| 武功县| 确山县| 玉龙| 顺平县| 奉新县| 双柏县| 南川市| 贡觉县|