<!doctype html> <head><link rel="stylesheet" type="text/css" href="a.css"> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet"> </head> <body> <h1>CHILLIOUT<BR> <span>cafe & bar</span></h1> <ul class="ula"> <li>HOME</li> <li>NEWS</li> <li>CONCEPT</li> <li>MENU</li> <li>ACCESS</li> <li>RESERVE</li> </ul> <img class="a" src="a.jpg"> <h2>お店について<BR> <span>ABOUT</span></h2> <ul> <li><img src="b.jpg"><h3>CAFE</h3><p>ゆったりした時間が流れるカフェテリア</p></li> <li><img src="c.jpg"><h3>SWEETS</h3><p>パテイシエ特製のスイーツ</p></li> <li><img src="d.jpg"><h3>BOOK</h3><p>洋書専門のブックストアを検索</p></li> </ul> </body> </html>
h1 { text-align:center; font-size:40px; letter-spacing:1px; font-family: 'Noto Sans JP', sans-serif; line-height:1.3; } h1 span { font-size:16px; } .ula li { display:inline-block; } .a { width:800px; }
最初のimgにaというクラスを指定して、widthを800pxにしているのですが、スタイルが適用されません。
どうしてでしょうか。
回答1件
あなたの回答
tips
プレビュー