課程
/前端開發
/HTML/CSS
/十天精通CSS3
?background-origin:border-box,padding-box,content-box;這都什么意思，起著什么作用
2015-03-09
源自：十天精通CSS3 5-1
正在回答
border-box：盒子的邊框為背景圖片的起點（也就是背景圖片的左上角以邊框為起點）
padding-box：盒子的填充區域為背景圖片的起點（也就是背景圖片的左上角以填充區域為起點），所謂填充區域，是指border和content之間的區域，如果沒有設置padding，那么這個區域是為0的
content-box：盒子的內容區域為背景圖片的起點，這個內容區域就是元素可以實際使用的區域，也就是可以放東西的區域（文字、圖片、子元素），簡單一點說，就是你設置div的style的width和height，這個width和height組成的矩形區域就是content
閱讀一下http://www.w3cplus.com/content/css-background-origin
舉報
本課程為CSS3入門教程，深刻詳解CSS3知識讓網頁穿上絢麗裝備
2 回答關于填充content-box
3 回答為什么background-origin:padding-box;在chrom中沒有效果？
1 回答請問.box中position:relative的作用是什么呢
3 回答box-shadow
2 回答box-shadow
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-03
border-box：盒子的邊框為背景圖片的起點（也就是背景圖片的左上角以邊框為起點）
padding-box：盒子的填充區域為背景圖片的起點（也就是背景圖片的左上角以填充區域為起點），所謂填充區域，是指border和content之間的區域，如果沒有設置padding，那么這個區域是為0的
content-box：盒子的內容區域為背景圖片的起點，這個內容區域就是元素可以實際使用的區域，也就是可以放東西的區域（文字、圖片、子元素），簡單一點說，就是你設置div的style的width和height，這個width和height組成的矩形區域就是content
2015-03-09
閱讀一下http://www.w3cplus.com/content/css-background-origin