9-2 上課範例：style2.css

/* CSS Document */
body{
  /*
  background-image: url(../images/b.jpg);
  */
  background-color: rgb(81,81,81);
}


#page{
  width: 500px;
  border: 1px solid rgb(0,102,153);
  margin: 20px auto;
  padding: 25px 50px;
  background-image: url(../images/02-02-35.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-color:rgb(255,255,255);
}

#title{
  font-size: 20px;
  color: rgb(0,102,204);
  border-left: 10px solid rgb(153,204,0);
  padding: 5px 10px;
}

#content{
  color: rgb(48,48,48);
  font-size:12px;
  line-height: 2;
  text-align: justify;
  margin: 0px 25px;
}

#info{
  font-size:12px;
  line-height: 1.5;
  color:rgb(204,102,153);
  border: 1px dotted rgb(153,51,51);
  padding:10px;
  margin: 0px 25px;
}

table#tbl{
  border-collapse: collapse;
  border: 1px solid rgb(51,51,51);
  margin:5px 0 20px;
  font-size:12px;
  line-height:150%;
  background-image: url(../images/cc.jpg);
}

table#tbl td , table#tbl th{
  border: 1px solid rgb(51,51,51);
  padding: 4px 6px;
}

table#tbl tr.odd{
}


table#tbl tr.even{
 
}

table#tbl th{
  white-space: nowrap;
  font-weight: normal;
}

table#tbl td{
}

ul.list{
  list-style: url(../images/b.png);
}



ul#menu li {
  list-style: none;
}


ul#menu li a {
  background-color: rgb(240,240,240);
  background-image: url(../images/b.png);
  background-repeat: no-repeat;
  background-position: 6px;

  padding: 3px 6px 3px 30px;
 
  float: left;
  border:1px dotted gray;
  margin-right: 4px;
  color:rgb(0,0,0);
  font-size:12px;
  text-decoration: none;
}

ul#menu li a:hover {
  color: rgb(255,255,255);
  background-color: rgb(80,80,80);
  border:1px solid rgb(176,176,176);
  background-image: url(../images/b2.png);
  background-position: 2px;
}

p{
  text-indent: 24px;
}

p#first{
  text-indent: 0px;
}

p#first:first-letter{
  font-size: 36px;
  line-height: 24px;
}
  demo