国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

css3 - css背景色不填充邊框,css怎么寫?

瀏覽:173日期:2023-07-08 14:23:41

問題描述

如題:css背景色不填充邊框,css有實現這樣功能的屬性嗎?怎么寫?

例如定義一個p樣式:

width: 100px; height: 100px; background-color: #131212; border: solid 10px rgba(249, 249, 249, 0.2);

背景色只填充100px,100px部分,不填充邊框10px部分,怎么寫css???

問題解答

回答1:

background-clip: padding-box;即可支持度:IE9+

background-clip的值padding-box: 從padding區域(不含padding)開始向外裁剪背景。 border-box: 從border區域(不含border)開始向外裁剪背景。 content-box: 從content區域開始向外裁剪背景回答2:

使用outline代替border:

outline: 10px solid RGBA(0, 0, 0, 0.03);background-color: #A5DC86;

css3 - css背景色不填充邊框,css怎么寫?

回答3:

你把邊框的顏色和背景色設置一樣不就行了

回答4:

background-color設置的背景色區域包括border和padding,所以如果設置的border是dotted或有透明度的那么通過border就可以看到設置的背景色設置 @賀先森 提到的outline樣式,可以在目標元素的border之外設置一個外邊框樣式,開始位置為目標元素的邊框。這個樣式不會影響目標元素的當前布局,這會引起一些問題,例如

<style> .p_outline{ width: 100px; height: 100px; background-color: #ffe48d; outline:dotted 10px red; /*border: solid 10px rgba(249, 249, 249, 0.2);*/}.p_border{ width: 100px; height: 100px; background-color: #00a23f; border: dotted 10px rgba(249, 249, 249, 0.2);}</style><p class='p_outline'></p> <p class='p_outline'></p>

我們將看到outline將會占據其它元素的位置css3 - css背景色不填充邊框,css怎么寫?

要解決這個問題,我們可以通過設置margin方式解決:

.p_outline{width: 100px;height: 100px;margin: 10px 10px 10px 10px;background-color: #ffe48d;outline:dotted 10px red;/*border: solid 10px rgba(249, 249, 249, 0.2);*/ }

css3 - css背景色不填充邊框,css怎么寫?

回答5:

奇怪,背景色為什么會填充border的顏色?審題的時候沒看懂。

回答6:

背景色不是知道padding嗎??

回答7:

這是一個怎樣奇怪的問題,答案也是一頭霧水

標簽: CSS
相關文章:
主站蜘蛛池模板: 久草在线在线观看 | 国产精品区一区二区免费 | 欧美成人特黄级毛片 | 欧美在线1 | 中国一级做a爱片免费 | 国产资源精品一区二区免费 | 亚洲第一页在线播放 | 欧美做a一级视频免费观看 欧美做爱毛片 | 日日a.v拍夜夜添久久免费 | 99九九成人免费视频精品 | 在线亚洲精品中文字幕美乳 | 日韩精品永久免费播放平台 | 操小美女 | 欧美成人自拍 | 亚洲国产精品成人精品软件 | 完整日本特级毛片 | 91情侣高清精品国产 | 国产成人精视频在线观看免费 | 一区二区三区精品视频 | 亚洲欧洲小视频 | 可以免费观看欧美一级毛片 | 一二三中文乱码亚洲乱码 | 免费国产不卡午夜福在线观看 | 男女交性拍拍拍高清视频 | 中文字幕日韩精品中文区 | 91精品日本久久久久久牛牛 | 欧美6699在线视频免费 | 亚洲成人高清 | 日本强不卡在线观看 | 草草在线观看视频 | 精品亚洲成a人片在线观看 精品亚洲成a人在线播放 | 伊人色综合久久天天网蜜月 | 毛片在线视频在线播放 | 欧美激情综合亚洲一二区 | 免费一区区三区四区 | 成人国产综合 | 欧美一级大片免费观看 | 欧美丝袜自拍 | 亚洲国产一级毛片 | 欧美成人手机在线 | 久草网首页 |