masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

HTML+CSS Mudah Dimulakan dengan Elemen Blok Sebaris

Elemen blok sebaris mempunyai ciri-ciri kedua-dua elemen sebaris dan elemen blok

Jadi bagaimana untuk menetapkan elemen kepada elemen blok sebaris

display:block-inline;

Nota: (baharu dalam css2.1), <img>, <input> ialah teg blok sebaris.

Ciri-ciri elemen blok sebaris


1 dan elemen lain berada pada baris yang sama

2 , ketinggian, lebar, ketinggian garisan dan jidar atas dan bawah elemen semuanya boleh ditetapkan.

Mari tulis contoh di bawah untuk menetapkan lebar, tinggi, warna latar belakang, dsb. untuk teg Teg ialah elemen sebaris secara lalai, dan lebar dan tinggi tidak mempunyai kesan

Kod adalah seperti berikut: 

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
	a{
		display:inline-block;	/*内联块状元素*/	
		width:300px;
		height:200px;
		background-color:green;
		color:red;
	}
</style>
</head>
<body>
  	<a href="#">欢迎大家来到php中文网</a>
</body>
</html>

Seperti yang ditunjukkan dalam kod di atas, selepas kami menukar teg kepada elemen blok sebaris, kami boleh menetapkan lebar dan ketinggian

Meneruskan pembelajaran
||
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> a{ display:inline-block; /*内联块状元素*/ width:300px; height:200px; background-color:green; color:red; } </style> </head> <body> <a href="#">欢迎大家来到php中文网</a> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492333 permainan