css中如何改變?cè)氐膬?nèi)填充

本篇內(nèi)容主要講解“css中如何改變?cè)氐膬?nèi)填充”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“css中如何改變?cè)氐膬?nèi)填充”吧!

天祝藏族自治ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)建站的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：13518219792（備注：SSL證書合作）期待與您的合作！

css中改變?cè)氐膬?nèi)填充用：1、padding屬性，可以同時(shí)改變?cè)厣舷伦笥业膬?nèi)填充；2、padding-top、padding-bottom、padding-left和padding-right屬性，分別改變?cè)厣舷伦笥业膬?nèi)填充。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css中改變?cè)氐膬?nèi)填充

1、直接使用padding屬性

padding屬性是一個(gè)簡(jiǎn)寫屬性，定義元素邊框與元素內(nèi)容之間的空間，即上下左右的內(nèi)填充。

語法：

padding:上內(nèi)填充 右內(nèi)填充 下內(nèi)填充 左內(nèi)填充;

padding:上內(nèi)填充 左右內(nèi)填充 下內(nèi)填充;

padding:上下內(nèi)填充 左右內(nèi)填充;

padding:上下左右的內(nèi)填充;

示例：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.ex1 {padding:2cm;}
p.ex2 {padding:0.5cm 3cm;}
</style>
</head>

<body>
<p class="ex1">這個(gè)文本兩邊的填充邊距一樣。每邊的填充邊距為2厘米。</p>
<p class="ex2">這個(gè)文本的頂部和底部填充邊距都為0.5厘米，左右的填充邊距為3厘米。</p>
</body>
</html>

css中如何改變?cè)氐膬?nèi)填充

2、使用padding-top、padding-bottom、padding-left和padding-right屬性

padding-top：設(shè)置元素的頂部填充
padding-bottom：設(shè)置元素的底部填充
padding-left：設(shè)置元素的左部填充
padding-right：設(shè)置元素的右部填充

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p{
				border: 1px solid red;
			}
			p.ex1 {
				padding-top: 15px;
			}

			p.ex2 {
				padding-bottom: 15px;
			}
			p.ex3 {
				padding-left: 15px;
			}
			p.ex4 {
				padding-right: 15px;
			}
		</style>
	</head>

	<body>
		<p class="ex1">文本上填充15px。</p>
		<p class="ex2">文本下填充15px。</p>
		<p class="ex3">文本左填充15px。</p>
		<p class="ex4">文本右填充15px。</p>
	</body>
</html>

css中如何改變?cè)氐膬?nèi)填充

到此，相信大家對(duì)“css中如何改變?cè)氐膬?nèi)填充”有了更深的了解，不妨來實(shí)際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！

當(dāng)前文章：css中如何改變?cè)氐膬?nèi)填充
標(biāo)題路徑：http://chinadenli.net/article4/pgpsie.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、全網(wǎng)營(yíng)銷推廣、做網(wǎng)站、虛擬主機(jī)、App開發(fā)、響應(yīng)式網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

css中如何改變?cè)氐膬?nèi)填充