實現css文字前留白屬性是什么

本篇內容主要講解“實現css文字前留白屬性是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“實現css文字前留白屬性是什么”吧!

我們提供的服務有：成都網站建設、做網站、微信公眾號開發(fā)、網站優(yōu)化、網站認證、察哈爾右翼中旗ssl等。為超過千家企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術的察哈爾右翼中旗網站制作公司

實現css文字前留白屬性有：1、margin-left屬性，可設置文字元素的左外邊距，語法“文字元素{margin-left: 邊距值;}”；2、padding-left屬性，可設置文字元素的左內邊距，語法“文字元素{padding-left: 邊距值;}”；3、text-indent屬性，可規(guī)定文本塊中首行文本的縮進，語法“文字元素{text-indent: 縮進值;}”。

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

實現css文字前留白屬性有三個：

margin-left
padding-left
text-indent

1、margin-left

margin-left屬性可設置文字元素的左外邊距。

值	描述
length	定義固定的左外邊距。默認值是0。
%	定義基于父對象總寬度的百分比左外邊距。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p{
				border: 1px solid red;
			}
			p.ex1 {
				margin-left: 2cm;
			}
		</style>
	</head>

	<body>

		<p>一個沒有指定外邊距大小的段落。</p>
		<p class="ex1">一個左外邊距為2厘米的段落。</p>
		<p>一個沒有指定外邊距大小的段落。</p>

	</body>
</html>

實現css文字前留白屬性是什么

2、padding-left

padding-left屬性設置文字元素的左內邊距（填充）。

值	描述
length	規(guī)定以具體單位計的固定的左內邊距值，比如像素、厘米等。默認值是 0px。
%	定義基于父元素寬度的百分比左內邊距。此值不會如預期地那樣工作于所有的瀏覽器中。

示例：

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

	<body>

		<p>一個沒有指定內邊距大小的段落。</p>
		<p class="ex1">一個左內邊距為2厘米的段落。</p>
		<p>一個沒有指定內邊距大小的段落。</p>

	</body>
</html>

實現css文字前留白屬性是什么

3、text-indent

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

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

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

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p{
				border: 1px solid red;
			}
			p.ex1 {
				text-indent:50px;
			}
		</style>
	</head>

	<body>

		<p>一個沒有指定首行縮進的段落。</p>
		<p class="ex1">首行縮進段落50像素。</p>
		<p>一個沒有指定首行縮進的段落。</p>

	</body>
</html>

實現css文字前留白屬性是什么

到此，相信大家對“實現css文字前留白屬性是什么”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！

新聞名稱：實現css文字前留白屬性是什么
網站地址：http://www.rwnh.cn/article8/pgssop.html

成都網站建設公司_創(chuàng)新互聯，為您提供定制開發(fā)、服務器托管、網站維護、全網營銷推廣、商城網站、電子商務

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

猜你還喜歡下面的內容

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

實現css文字前留白屬性是什么