Bagaimana untuk menetapkan sempadan perenggan dalam css-Soal Jawab bahagian hadapan-php.cn

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!