內邊距是如何設置的?
我們的內間距是屬于css盒模型之中的一種,那么現在我們來看看內間距都是怎么設置的吧。
padding: 是一個簡寫屬性,可以設置一個聲明中的所有內邊距屬性。
我們先看一個完整的例子,來感受一下內邊距是什么樣的:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>padding--內邊距</title><style>.demo{width: 400px;border: 1px solid red;padding: 20px;}.cs{border: double;}</style></head><body><p class="demo"><p class="cs">我是一個p標簽,用來測試的,看看我四周的空白</p></p></body></html>效果圖:
我們可以看出父盒子p.demo通過設置padding: 20px;讓其與里面的子盒子p.cs四周有了20px的間距。
如果把父盒子p.demo的上內距去掉是什么效果:
這樣父盒子p.demo就和子盒子p.cs重合在一起,我們把內邊距都去掉可以更直觀的看到重合:
padding屬性里可以設置4個值,分別設置四周的邊距,例:
padding:20px 10px 0px 50px;
看看效果圖:
可以看出padding:20px 10px 0px 50px;分別設置了上邊距20px,右邊距10px,下邊距0px,左邊距50px。這樣我們也就可以知道,用padding設置內邊距的順序為:上,右,下,左。這是同時設置四個邊距,css也可以單獨設置一個邊距,我們來看看單獨設置內邊距的屬性:
padding-top:上方內邊距
padding-right:右邊內邊距
padding-bottom:下方內邊距
padding-left:左邊內邊距
我們用一個例子來直觀感受一下這些屬性的用法和作用:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>padding--內邊距</title><style>.demo{width: 400px;border: 1px solid red;padding: 20px;}h2{padding-top: 20px;border: 1px solid #000;}.cs{border: double;padding-left: 50px;padding-right: 30px;}p{border: 1px dashed palevioletred;padding-bottom: 30px;}</style></head><body><p class="demo"><h2>本站</h2><p class="cs">我是一個p標簽,用來測試的,看看我四周的空白</p><p>我在下面哈哈哈哈哈哈哈哈哈哈哈哈哈哈</p></p></body></html>
本文由 貴州做網站公司 整理發布，部分圖文來源于互聯網，如有侵權，請聯系我們刪除，謝謝！
c語言中正確的字符常量是用一對單引號將一個字符括起表示合法的字符常量。例如‘a’。數值包括整型、浮點型。整型可用十進制，八進制，十六進制。八進制前面要加0，后面...
2022年天津專場考試原定于3月19日舉行，受疫情影響確定延期，但目前延期后的考試時間推遲。 符合報名條件的考生，須在規定時間登錄招考資訊網(www.zha...
：喜歡聽，樂意看。指很受歡迎?！巴卣官Y料”喜聞樂見：[ xǐ wén lè jiàn ]詳細解釋1. 【解釋】：喜歡聽，樂意看。指很受歡迎。2. 【示例】：這是...
配股資格的意思是享有配股的權利。一般來說，只有原股東才享有配股資格。如未持有配股公司的股票，則不享有配股的資格。原股東若不參與配股，則會遭受損失，所以投資者一定要記得配股或者在除權之前賣出股票。配股是指當股份公司為增加公司資本而決定增加發行新的股票時，原普通股股東享有的按其持股的比例，以低于市價的某一特定價格有限認購一定數量新發行股票的權利。配股資格主要包括哪些?配股資格也稱為配股條件，主要有以下...
余額寶星期六星期天有收益嗎?余額寶雙休日也有收益的，前提是在雙休日前買入資金已經確認份額，否則是不計算利息的。即已經確認份額的資產在周末有收益，如果資金是在周四以前申購余額寶那么會在周五之前確認份額，周末是有收益的，周五以及周末轉入則需下個工作日確認份額，在轉入的那個周末沒有收益。余額寶周末可以轉出嗎?余額寶周末是可以轉出的。因為余額寶隨時都可以操作轉出，只是到賬的時間不定。像余額寶要轉出，主要就...
一線城市人口余額不足意味著什么?盡管數據顯示，我國的城鎮化率已經超過了60%，但城鎮化還會繼續。所以未來人口依舊會朝著大城市聚集，人口集中化將會是未來的一個大趨勢，甚至有專家預測稱：未來19個大城市會聚集全國74%的人口。而過去這么多年的發展經驗也證明了一件事，那就是人口會推動經濟發展，因此未來大城市還會迎來巨大的經濟推動力。但是任何事情都是有利就有弊的，雖然人口集中會帶來經濟增長，但也會產生一系...
免責聲明：本站內容部分文字和圖片來源于網絡，版權屬于原作者所有，若有冒犯，請聯系我們進行刪除，謝謝。聯系郵箱：1051388971#qq.com （把#換成@）