Q&A
お世話になります。
以下のhtml,cssで罫線で区切った下の色を変えたい場合、どのように表記すればいいのでしょうか？
html
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="UTF-8"> 5 <title>Insta9</title> 6 <link rel="stylesheet" href="stylesheet.css"> 7</head> 8<body> 9<nav id="global_navi_left"> 10 <ul> 11 <li>insta9</li> 12 <li>serch</li> 13 <li>submit</li> 14 </ul> 15</nav> 16<nav id="global_navi_right"> 17 <ul> 18 <li><a href="/pictures/new">投稿</a></li> 19 <li><a href="/users/login">ログイン</a></li> 20 <li><a href="/users/sign_up">サインアップ</a></li> 21 </ul> 22</nav> 23 <p> 24 <hr width="100%" size="1" color="#00b7b7"> 25</body> 26</html>
css
1* { 2 margin: 1px; 3 padding: 1px; 4} 5 6li { 7 display: inline-block; 8} 9 10body { 11 background: #ddf; 12 font: 15px sans-serif; 13} 14 15#global_navi_right { 16 float: right; 17} 18 19#global_navi_left { 20 float: left; 21}
よろしくお願い致します。
回答1件
0
"color"ではなく、"background-color"ですね。
cssで指定した方がスマートです。
hr {
width="100%";
border: none; /* 元の線を表示させない /
border-top: 1px solid #00b7b7; / 新たに線を指定 */
}
投稿2016/11/25 00:57
総合スコア10
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。