cari

Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk menetapkan sempadan perenggan dalam css

Bagaimana untuk menetapkan sempadan perenggan dalam css

青灯夜游
青灯夜游asal
2022-01-20 17:40:512694semak imbas

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>

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>

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!

Kenyataan：
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
Artikel sebelumnya：Apakah perbezaan antara node.js dan javaArtikel seterusnya：Apakah perbezaan antara node.js dan java

Artikel berkaitan

Lihat lagi