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; /*內(nèi)聯(lián)塊狀元素*/
width:300px;
height:200px;
background-color:green;
color:red;
}
</style>
</head>
<body>
<a href="#">歡迎大家來到php中文網(wǎng)</a>
</body>
</html>Seperti yang ditunjukkan dalam kod di atas, selepas kami menukar teg kepada elemen blok sebaris, kami boleh menetapkan lebar dan ketinggian
