第八章上机练习2 老师答案

来源：互联网发布：淘宝剁手党段子编辑：程序博客网时间：2024/06/05 10:00

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>带按钮的图片横幅广告</title><link href="css/advert.css" rel="stylesheet" type="text/css" /></head><body><div id="adverImg"><img src="image/adver-01.jpg" alt="夏日商品促销" />  <div id="number">    <ul>      <li>1</li>      <li>2</li>      <li>3</li>      <li>4</li>      <li>5</li>    </ul>  </div></div></body></html>

@charset "gb2312";/* CSS Document */#adverImg {width:430px;height:130px;position:relative;overflow:hidden;}#number {position:absolute;right:5px;bottom:2px;}#number ul, #number li {margin:0px;padding:0px;}#number li {float:left;margin-right:5px;width:20px;height:20px;border:1px #666 solid;text-align:center;line-height:20px;font-size:12px;list-style-type:none;background-color:#FFF;}

0 0