真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網站制作重慶分公司

css上下間距的設置方法-創(chuàng)新互聯(lián)

這篇文章主要介紹了css上下間距的設置方法,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司專注于川匯網站建設服務及定制,我們擁有豐富的企業(yè)做網站經驗。 熱誠為您提供川匯營銷型網站建設,川匯網站制作、川匯網頁設計、川匯網站官網定制、小程序設計服務,打造川匯網絡公司原創(chuàng)品牌,更為您提供川匯網站排名全網營銷落地服務。

css設置上下間距的方法:1、使用“l(fā)ine-height:間距值;”樣式來設置上下間距;2、使用margin-top和margin-bottom屬性來設置上下間距;3、使用padding-top和padding-bottom屬性來設置。

1、使用line-height屬性設置上下間距




	
		
		
			div{
				width: 200px;
				border: 1px solid red;
			}
			.abc {
				line-height: 50px;
			}
		
	

	
		
			

第一段

第二段

第三段

第四段


第一段

第二段

第三段

第四段

效果圖:


css上下間距的設置方法

2、使用margin-top和margin-bottom屬性來設置上下間距




	
		
		
			div{
				width: 200px;
				border: 1px solid red;
			}
			.abc p {
				margin-top:50px; 
				margin-bottom:50px;
			}
		
	

	
		
			

第一段

第二段

第三段

第四段


第一段

第二段

第三段

第四段

效果圖:

css上下間距的設置方法

【 、html視頻教程】

3、使用padding-top和padding-bottom屬性來設置上下間距




	
		
		
			div{
				width: 200px;
				border: 1px solid red;
			}
			.abc p {
				padding-top:30px; 
				padding-bottom:30px;
			}
		
	

	
		
			

第一段

第二段

第三段

第四段


第一段

第二段

第三段

第四段

效果圖:

css上下間距的設置方法

感謝你能夠認真閱讀完這篇文章,希望小編分享的“css上下間距的設置方法”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網站建設公司,,關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關知識等著你來學習!


新聞名稱:css上下間距的設置方法-創(chuàng)新互聯(lián)
轉載源于:http://weahome.cn/article/dsoijp.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部