ホームページ > 記事 > ウェブフロントエンド > CSS3 ボーダー属性 border_html/css_WEB-ITnose
CSS3 ボーダー属性 border_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:32:061353ブラウズ
CSS3 ボーダー属性 border
1. デザインのソースコード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>边框属性border</title><style type="text/css"> #border_style{ border-width:thin; border-style:dashed; border-color:#0C9; } #border{ padding-top:200px; border:dashed thin #0C9; }</style></head><body> <div id="border_style">Border</div> <div id="border">Border</div></body></html> 2. デザイン結果
3.
(1) 枠設定スタイルは同等Border-width、border-style、border-colorで効果を設定します
(2) border-width: ボーダーの幅を設定します
(3) border-style: ボーダーのスタイルを設定します
(4) border-color: 境界線の色を設定します
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。