以下の内容はhttp://10plate.blog44.fc2.com/blog-entry-166.htmlより取得しました。


リンク画像の枠を変える

リンクに設定した画像には枠がつきます。
この枠をカスタマイズする方法を紹介します。


スタイルシートの末尾に次の記述を追加してください。

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;
}



【関連記事】
関連記事



以上の内容はhttp://10plate.blog44.fc2.com/blog-entry-166.htmlより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.13