リンクに設定した画像には枠がつきます。
この枠をカスタマイズする方法を紹介します。
スタイルシートの末尾に次の記述を追加してください。
a img {
border-top: #999999 1px solid;
border-right: #999999 1px solid;
border-left: #999999 1px solid;
border-bottom: #999999 1px solid;
}
四辺ある枠の一つ一つを個別に設定できます。
上記の場合、上から上辺、右辺、左辺、下辺の順で
色、
幅、
形を設定しています。
形はsolid(実線)の他にdotted(点線)、dashed(粗い点線)、double(二重線)、groove(谷線)、ridge(山線)、inset(内線)、outset(外線)等があります。
枠を消したい場合は次の記述をスタイルシートの末尾に追加してください。
a img {
border:none;
}
【関連記事】
- 関連記事
-