このページの短縮URL(リンク用) §01-07…画像のボーダーを変更する – オンライン無料パソコン講座 | PCセミナー

§01-07…画像のボーダーを変更する

(01) 画像をリンクボタンにすると自動的にボーダーが設定されます。これを赤い細点線に変更しましょう。CSSに以下のようなソースを追加してください。更新後はWebページ(index.htm)をブラウジングしましょう。

a img{
border:medium dotted #FF0000;
}

(index.htm)

(02) もちろん消すこともできます。「border-style」プロパティの値を「none」にするだけです。imgに関するCSSを以下のように更新してからWebページをブラウジングしてください。

a img{
border-style:none;
}