|
|
見出しや文章と同じように、画像にもmarginとpaddingを指定することが出来ます。
ただしWindows版のInternetExplorerでは画像に対するpaddingの指定は機能しません。
以下がソースです。
<html>
<head>
<title>色の景色</title>
<style type="text/css">
<!--
body{color:#333333;background-color:#e7e0e1}
img.left{float:left;
background-color:#dbe9dd;
border-style:solid;
border-width:4px;
border-color:#377c5f;
padding:50px;
margin-right:40px;}
--></style>
</head>
<body>
<p>
<img src=5-1.jpg width="330" height="255" alt="そらいろ" class="left">
青空は季節によってかなり濃さが違ってくる<br>
天空と低空でも違って見える<br>
「空色」と言う色見本に近いのは待ちこがれたいた春の明るい空の<br>
地平線近くの色だろうか<br>
「天色」を「てんしょく」と読めば空模様のことだが<br>
「あまいろ」とか「そらいろ」と読むことで明るい青空の色になる</p>
</body>
</html>