Bagaimana untuk menetapkan sempadan perenggan dalam css

青灯夜游
Lepaskan: 2022-01-20 17:40:51
asal
2683 orang telah melayarinya

Cara untuk menetapkan sempadan perenggan dalam css: 1. Tetapkan atribut sempadan kepada elemen p untuk menambah empat sempadan pada perenggan pada masa yang sama 2. Tetapkan sempadan-atas, sempadan-bawah, sempadan-kiri , Sifat sempadan-kanan digunakan untuk menambah sempadan atas, bawah, kiri dan kanan pada perenggan masing-masing.

Bagaimana untuk menetapkan sempadan perenggan dalam css

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi CSS3&&HTML5, komputer Dell G3.

Tetapan sempadan perenggan css

1 Gunakan atribut sempadan

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			p{
				padding: 10px;
				border: 1px solid red;
			}
		</style>
	</head>

	<body>
		<p>测试元素</p>
	</body>

</html>
Salin selepas log masuk

Bagaimana untuk menetapkan sempadan perenggan dalam css

2 Gunakan atribut atas sempadan, bawah sempadan, kiri sempadan dan kanan sempadan

  • sempadan-. atribut singkatan atas , digunakan untuk menetapkan semua sifat sempadan atas ke dalam satu pernyataan.

  • atribut trengkas bawah sempadan, digunakan untuk menetapkan semua atribut sempadan bawah ke dalam satu pernyataan.

  • atribut trengkas kiri sempadan, digunakan untuk menetapkan semua atribut sempadan kiri ke dalam satu pernyataan.

  • atribut trengkas kanan sempadan, digunakan untuk menetapkan semua atribut sempadan kanan ke dalam satu pernyataan.

<!DOCTYPE html>
<html>
	<head>
		<style type="text/css">
			p{
				padding: 10px;
				border-top: 2px solid red;
				border-bottom: 2px solid paleturquoise;
				border-left: 2px solid green;
				border-right: 2px solid blue;
			}
		</style>
	</head>

	<body>
		<p>测试元素</p>
	</body>

</html>
Salin selepas log masuk

Bagaimana untuk menetapkan sempadan perenggan dalam css

(Belajar perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Bagaimana untuk menetapkan sempadan perenggan dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
css
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!