Today & Tomorrow...

勝手気ままな、備忘録的な感じです。

【CSS01】

【CSS01】?

・以下の画像と同じように表示させるCSSを記述しなさい
・記述場所はエンベッド

<html>
<head>
<title>css16</title>
<style type="text/css">

div#shopping{
width:300px;

border:dotted 1px;
padding:3px;
}

h2{
  color:#fff;
  background-color:#006CCF;

}

ul{
list-style-type:none;
}
li{
border-bottom-style:dotted;
border-color:#C9C9C9;
border-width:1px;
^

}





</style>
</head>

<body>
<div id="shopping">
<h2>今日買った物</h2>
<ul>
<li>豚肉</li>
<li>じゃがいも</li>
<li>たまねぎ</li>
<li>にんじん</li>
</ul>
</div>
</body>






</html>