※ ChatGPTを利用し、要約された質問です(原文:画像の四隅を丸くしたい)
画像の四隅を丸くする方法 - HTML初心者必見!
このQ&Aのポイント
HTML初心者の方でも簡単に画像の四隅を丸くする方法について解説します。
透過gif画像をメイン画像の左上に重ねて表示させることは可能です。
具体的なコードとして、HTMLには`<TABLE>`要素を使い、`<DIV>`要素を組み合わせて表示させます。CSSでは、`position`プロパティを使って要素の位置を指定します。
html初心者です。
あるメイン画像の左上に、透過gif画像を重ねて表示させたいのですが、そのようなことは可能なんでしょうか・・・
メイン画像は長方形です(通常の画像のように、ふちは角ばっている)。その画像の左上に、透過gif画像を重ねて表示させようとしています。
htmlには:
<TABLE>
<TR>
<TD>
<div id="corner"><IMG SRC="images/frame4_03.gif"></div>
<div id="inner"><IMG SRC="screen05_04.jpg"></div>
</TD>
</TR>
</TABLE>
cssには:
#corner{
position:absolute;
left:251px;
top:98px;
width:99px;
height:39px;
BACKGROUND-COLOR:#FFFFFF;
}
#inner{
position:absolute;
left:251px
top:98px;
width:999px;
height:799px;
}
と書いています。
WindowsXP、IE7で表示させています。
よろしくおねがいいたします。
お礼
ズバリそれでした。 steel_grayさん、ありがとうございました。