HTML
<p>テスト</p>
<p>テスト</p>
CSS
p{
border-bottom-style: solid;
}
ブラウザ表示
p{
border-bottom-style: solid;
}
テスト
HTML上の下枠線のスタイルをCSSファイルによって変える方法です。
border-bottom-styleの種類
CSS
p{ border-bottom-style: none; }
p{ border-bottom-style: hidden; }
p{ border-bottom-style: solid; }
p{ border-bottom-style: double; }
p{ border-bottom-style: groove; }
p{ border-bottom-style: ridge; }
p{ border-bottom-style: inset; }
p{ border-bottom-style: outset; }
p{ border-bottom-style: dashed; }
p{ border-bottom-style: dotted; }
ブラウザ表示
p{ border-bottom-style: none; }
p{ border-bottom-style: hidden; }
p{ border-bottom-style: solid; }
p{ border-bottom-style: double; }
p{ border-bottom-style: groove; }
p{ border-bottom-style: ridge; }
p{ border-bottom-style: inset; }
p{ border-bottom-style: outset; }
p{ border-bottom-style: dashed; }
p{ border-bottom-style: dotted; }
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
テスト
