cari

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

Bagaimana untuk menetapkan sempadan bayangan tajuk dalam css

奋力向前
奋力向前asal
2021-09-09 11:33:074328semak imbas

Kaedah: 1. Gunakan atribut sempadan untuk menambah sempadan pada elemen tajuk, dengan sintaks "border:width style color;" 2. Gunakan "text-align: center" untuk memusatkan teks tajuk ; 3. Gunakan Harta kotak-bayang menambah kesan bayangan pada sempadan elemen tajuk.

Bagaimana untuk menetapkan sempadan bayangan tajuk dalam css

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

cssBagaimana untuk menetapkan sempadan bayangan tajuk?

Mari bincang tentang css cara menambah jidar bayangan pada tajuk. 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title> 
<style> 
div
{
	width:200px;
	height:200px;
	border:2px solid red;
	text-align: center;
	margin: 20px auto;
	line-height: 200px;
	box-shadow: red 10px 30px 5px;
}

</style>
</head>
<body>

<div>php中文网</div> 

</body>
</html>

Kesan kod

Bagaimana untuk menetapkan sempadan bayangan tajuk dalam css

sintaks sempadan bayangan css:

Atribut: box-shadow

Penggunaan: div{box-shadow: 001px #000inset;}

Analisis cara menggunakan bayang-bayang: Sifar pertama bermakna jarak ke sebelah kiri objek ialah 0, dan bayang-bayang mula dipaparkan, dan sifar kedua bermakna bahawa jarak ke objek atas ialah 0, jadi Mulakan untuk memaparkan bayang-bayang, 1px mewakili julat bayang-bayang 1px, #000 mewakili warna bayang-bayang, inset mewakili bayang-bayang dalam objek dan tiada bayang ditetapkan di luar objek.

Isu keserasian: Firefox versi 3.5 dan Google boleh menyokong atribut box-shadow.

Pembelajaran yang disyorkan: Tutorial video CSS

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

html5 css css3 对象 border
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：Bagaimana untuk menambah latar belakang pada teks dalam cssArtikel seterusnya：Bagaimana untuk menambah latar belakang pada teks dalam css

Artikel berkaitan

Lihat lagi