国产探花免费观看_亚洲丰满少妇自慰呻吟_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>   

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 赤城县| 夏河县| 鄂托克旗| 西平县| 通山县| 稻城县| 永修县| 化德县| 威信县| 瓦房店市| 吴旗县| 曲松县| 乃东县| 巩义市| 册亨县| 攀枝花市| 谷城县| 象州县| 濮阳市| 南乐县| 阿鲁科尔沁旗| 个旧市| 襄城县| 高雄县| 泽普县| 吉安市| 湾仔区| 高安市| 济宁市| 札达县| 天水市| 奎屯市| 工布江达县| 隆安县| 宜宾县| 马鞍山市| 吉木萨尔县| 祁阳县| 阜平县| 明光市| 奉节县|