怎么在css中設(shè)置元素高度為20px

怎么在css中設(shè)置元素高度為20px?針對(duì)這個(gè)問題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問題的小伙伴找到更簡(jiǎn)單易行的方法。

成都創(chuàng)新互聯(lián)堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的信宜網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!

css設(shè)置元素高度為20px

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<style>
			img.normal {
				height: auto;
			}
			
			img.big {
				height: 120px;
			}
			
			p {
				border: 1px solid red;
			}
			
			p.ex {
				height: 250px;
				width: 250px;
			}
		</style>
	</head>

	<body>
		<img class="normal" src="img/1.jpg" width="95" height="84" /><br>
		<img class="big" src="img/1.jpg" width="95" height="84" />
		<p>默認(rèn)寬度和高度。這是段落中的一些文本。這是段落中的一些文本。 這是段落中的一些文本。</p>
		<p class="ex">段落的高和寬是 250px。這是段落中的一些文本。這是段落中的一些文本。這是段落中的一些文本。</p>
	</body>

</html>

效果圖:

怎么在css中設(shè)置元素高度為20px

(學(xué)習(xí)視頻分享:css視頻教程)

css height屬性

height屬性設(shè)置元素的高度,默認(rèn)值為auto,無(wú)繼承性。

height屬性定義元素內(nèi)容區(qū)的高度,在內(nèi)容區(qū)外面可以增加內(nèi)邊距、邊框和外邊距。

行內(nèi)非替換元素會(huì)忽略這個(gè)屬性。

height屬性的屬性值:

描述
auto默認(rèn)。瀏覽器會(huì)計(jì)算出實(shí)際的高度。
length使用 px、cm 等單位定義高度。
%基于包含它的塊級(jí)對(duì)象的百分比高度。
inherit規(guī)定應(yīng)該從父元素繼承 height 屬性的值。

關(guān)于怎么在css中設(shè)置元素高度為20px問題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

本文標(biāo)題:怎么在css中設(shè)置元素高度為20px
文章起源:http://bm7419.com/article26/jdijjg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)公司標(biāo)簽優(yōu)化、關(guān)鍵詞優(yōu)化微信公眾號(hào)、虛擬主機(jī)、網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作