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

首頁 > 開發 > CSS > 正文

CSS3中background-clip和background-origin的區別示例介紹

2024-07-11 08:31:24
字體：大 中 小
來源：轉載
供稿：網友
相信除了我以外，還有不少童鞋在學習到background-clip和background-origin的時候都很疑惑，這倆哥們兒到底啥區別。

想搞清楚它們的區別還不簡單？且看下面的DEMO：

復制代碼
代碼如下:
.test {
background-image: url(pic.jpg);
background-clip: border-box;
background-origin: border-box;
border: 20px dashed black;
}


復制代碼
代碼如下:
.test {
background-image: url(pic.jpg);
background-clip: border-box;
background-origin: padding-box;
border: 20px dashed black;
}


復制代碼
代碼如下:
.test {
background-image: url(pic.jpg);
background-clip: padding-box;
background-origin: border-box;
border: 20px dashed black;
}

由于鄙人比較懶，就不放效果圖了，有興趣的童鞋可以自己去試試，這里可以看出，實際上background-clip決定的是背景從哪個區域開始顯示，而background-origin決定的是背景從哪個區域開始繪制。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 涪陵区| 锡林郭勒盟| 荥经县| 承德县| 芮城县| 镇康县| 娱乐| 化德县| 昌宁县| 玉环县| 千阳县| 康保县| 手游| 确山县| 高邮市| 忻城县| 重庆市| 健康| 华阴市| 孙吴县| 新闻| 平潭县| 阿合奇县| 绥德县| 崇文区| 德惠市| 汕尾市| 大同市| 鄂尔多斯市| 海宁市| 遵义市| 土默特右旗| 句容市| 布尔津县| 中西区| 邵东县| 扶余县| 石狮市| 九龙坡区| 彭阳县| 芜湖县|