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

首頁 > 開發 > CSS > 正文

使用CSS實現圖片分割效果的簡單方法介紹

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

我們來看一個例子，大家肯定能明白css是怎么樣實現分割圖片的。

CSS Code復制內容到剪貼板
  1. <HTML>      <head>     
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf8" />      <style type="text/css">     
  3. .photo1 {       background-image: url("css_cut.gif");      #定義了一個背景圖片     
  4.  background-position: 100% 100%;            #背景位置放到最右下角       height: 50px;                                                             #div的高度     
  5.  width: 50px;                                                             #div的寬度      }     
  6.       .photo2 {     
  7.  background-image: url("css_cut.gif");            #定義了一個背景圖片，和上面的圖片是一樣的       background-position: 0 0;                                    #背景位置放到最左上角     
  8.  height: 50px;                                                            #div的高度       width: 50px;                                                            #div的寬度     
  9. }      </style>     
  10. </head>      <body>     
  11. <div class="photo1"> </div>      <strong>他們二個分家了</srong>     
  12. <div class="photo2"> </div>      </body>     
  13. </HTML>   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 沁水县| 罗田县| 青田县| 五河县| 望江县| 塘沽区| 蓬溪县| 富顺县| 河曲县| 定兴县| 兴隆县| 安徽省| 青阳县| 浮梁县| 土默特右旗| 陵川县| 葵青区| 门头沟区| 黄龙县| 姚安县| 永新县| 清新县| 德州市| 赞皇县| 招远市| 弥勒县| 公主岭市| 镇平县| 德昌县| 元朗区| 泾源县| 波密县| 涟源市| 北流市| 桂阳县| 通州市| 大荔县| 乌苏市| 黑河市| 龙岩市| 邵阳市|