2011/07/25

要素に複数画像を設定する

1つの要素に複数の画像を指定するには、「background-image」に複数の画像を指定します。



角にある1〜4の数字の画像は、それぞれ1つのTABLE要素に配置した別々の画像です。







<style type="text/css">
table {
    height:200px;
    width:320px;
    background-image:url(btn1.png),url(btn2.png),url(btn3.png),url(btn4.png);
    background-repeat:no-repeat;
    background-position:top left, top right, bottom left, bottom right;
}
</style>
角にある1〜4の数字の画像は、それぞれ1つのTABLE要素に配置した別々の画像です。
<table></table>

0 件のコメント:

コメントを投稿