css笔记

css笔记

There is no nutrition in the blog content. After reading it, you will not only suffer from malnutrition, but also impotence.

<!--

body {
  font: 76%/1.8 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  background-color: #fff;
}

#pic {
  width: 640px;
  height: 425px;
  position: relative;
}

#pic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#pic a {
  position: absolute;
  width: 100px;
  height: 120px;
  color: #000;
  text-decoration: none;
  border: 1px solid transparent;
}


#pic a .outer {
  display: block;
  width: 98px;
  height: 118px;
}

#pic a .inner {
  display: block;
  width: 96px;
  height: 116px;
}

#pic a:hover {
  border-color: #d4d82d;
}

#pic:hover a .outer, #pic a:hover .outer {
  border: 1px solid #000;
}

#pic:hover a .inner, #pic a:hover .inner {
  border: 1px solid #fff;
}


#pic .rich a {
  top: 15px;
  left: 95px;
}

#pic .andy a {
  top: 115px;
  left: 280px;
}

#pic .jeremy a {
  top: 250px;
  left: 425px;
}

#pic a .note {
  position: absolute;
  bottom: -3em;
  width: 9em;
  padding: 0.2em 0.5em;
  background-color:#ffc;
  text-align: center;
  left: -30000px;
  margin-left: -5em;
}

#pic a:hover .note {
  left: 50px;
}



-->