HTML+CSS インライン要素を簡単に始める
HTML では、<span>、<a>、<label>、<strong>、<em> が代表的なインライン要素です。もちろん、ブロック要素はコードを通じてインライン要素として設(shè)定することもできます
display: inline
インライン要素の特徴: すべての要素は他の要素と同じ行にあります
2。 . 要素 高さ、幅、上下の余白は設(shè)定できません
3. 要素の幅は、それに含まれるテキストまたは畫像の幅であり、変更できません。
以下のコードを書いてみましょう。インライン要素は幅と高さを設(shè)定できません。上のコードを見てください。事実上、ブロック要素に変換すると明らかな効果が得られます
ブロック要素をインライン要素に変換する例を以下に書いてみましょう
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
a{
width:100px;
height:50px;
background-color:green; /*設(shè)置背景色*/
color:#fff; /*設(shè)置字體顏色*/
}
</style>
</head>
<body>
<a href="#">PHP中文網(wǎng)</a>
</body>
</html>上記のコードでは、インライン要素に変換した後にブロック要素を設(shè)定することはできません。幅も高くて
