站長資訊網
最全最豐富的資訊網站

css中設置段落縮進的屬性是什么

css中設置段落縮進的屬性是“text-indent”,語法格式“text-indent:length|%;”;當值為“length”時可定義固定的縮進,當值為“%”類型時可定義基于父元素寬度的百分比的縮進。

css中設置段落縮進的屬性是什么

本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

css中設置段落縮進的屬性是“text-indent”。

示例:

<!DOCTYPE html> <html> 	<head> 		<meta charset="UTF-8"> 		<title>首行縮進</title> 		<style> 			.demo{ 				width: 500px; 				height: 200px; 				margin: 50px auto; 			} 			.p1{ 				text-indent:36px; 			} 			.p2{ 				text-indent:1em; 			} 			.p3{ 				text-indent:10%; 			} 		</style> 	</head> 	<body> 		<div class="demo"> 			<p class="p1">這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。<b>text-indent:36px;</b></p> 		    <p class="p2">這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。<b>text-indent:1em;</b></p> 		    <p class="p3">這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。這是一段測試代碼,是關于css文本縮進的一段文字。<b>text-indent:10%;</b></p> 		</div> 	</body> </html>

效果圖:

css中設置段落縮進的屬性是什么

【推薦教程:CSS視頻教程】

說明:

text-indent 屬性規定文本塊中首行文本的縮進。

注意: 負值是允許的。如果值是負數,將第一行左縮進。

屬性值:

描述
length 定義固定的縮進。默認值:0。
% 定義基于父元素寬度的百分比的縮進。

贊(0)
分享到: 更多 (0)
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
91免费福利精品国产| 久久精品国产99国产电影网 | 在线精品日韩一区二区三区| 久久国产精品无码一区二区三区 | 国产中的精品一区的| 99re热久久这里只有精品6| 无码国模国产在线无码精品国产自在久国产 | 国产精品蜜臂在线观看| 国产精品99久久免费观看| 亚洲国产精品日韩在线观看| 91精品久久久久久久久久小网站| 亚洲综合无码精品一区二区三区| 国产精品久久久久影院免费| 久久亚洲精精品中文字幕| 青青久久精品国产免费看| 亚洲国产精品成人AV在线 | 久9热视频这里只精品18| 日本精品卡一卡2卡3卡四卡| 日韩AV高清在线看片| 日韩精品极品视频在线观看免费| 51精品视频免费国产专区| 久久久久久噜噜精品免费直播| 成人亚洲国产精品久久| 91精品国产综合久久香蕉 | 精品无码成人片一区二区98| 亚洲中文字幕久久精品无码APP| 国产成人精品cao在线| 国产乱人伦偷精品视频下| 国产精品香蕉在线观看不卡| 精品久久久久亚洲| 精品国产乱码一区二区三区| 91久久精品国产91久久性色tv| 四虎国产精品永久在线观看| 久久精品成人免费观看97| 国产伦精品一区二区三区视频猫咪| 国产精品伦子一区二区三区| 国产美女精品视频免费观看| 国产精品美女久久久久久久| 国产av永久精品无码| 日韩精品免费在线视频| 国产精品久久久久久久久久免费 |