atom 1.28.1です。
不束者ですがよろしくお願いします。
<HTML上>
<div id="nav"> <ul> <li>HOME</li> <li>HTML</li> <li>CSS</li> </ul> </div><CSS上>
/* ↓id="nav"の中のulに対してCSSを適用*/
#nav ul {
list-style-type: none; /箇条書きのポッチを消す/
text-align:center /左右中央寄せは親要素に対して指定/
}
<ブラウザ上>
cssの設定がブラウザ上に反映されません。
なぜ反映されないかわかりません。他の部分は以下のようにできています。
<HTML上>
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>CSSの練習</title> <link rel="stylesheet" href="css/styles.css"> </head> <body> <div class="box1"> <div class="box2"> Box2 </div> </div> <div class="box3"> Box3 </div> <div id="nav"> <ul> <li>HOME</li> <li>HTML</li> <li>CSS</li> </ul> </div> </body> </html><CSS上>
.box1{
background-color: orange;
width: 200px;
height: 200px;
}
.box2{
background-color: skyblue;
width: 50%;
height: 50%;
}
.box3{
background-color: tomato;
}
/* p {display: block; /
background: skyblue;
color:white;
height: 40px;
width: 70px;
/ text-align: center; */
overflow: scroll;
}
ul{
list-style-type: none; /箇条書きのポッチを消す/
text-align:center /左右中央寄せは親要素に対して指定/
}
回答1件
あなたの回答
tips
プレビュー