html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{background-color: aqua;} ol{font-size: 15px;} </style> </head> <body> <h2>第四届这个大学出版奖公式</h2> <p>一等奖(68种)</p> <ol> <li>刑事诉讼</li> <li>普通化学原理</li> <li>影评学教程</li> <li>保险学</li> <li>......</li> </ol> <p>二等奖(119种)<p> <ol> <li>艺术教程</li> <li>经济学</li> <li>创新管理</li> <li>医学遗传</li> <li>.....</li> </ol> </body> </html> css body{font-size: 12px; font-family: "宋体"; color: #222;} body,h2,ul,li{padding:0;margin:0;list-style: none;} .all{ width: 300px; height: 200px; margin: 20px auto; } .head{ font-size: 12px; color: #fff; height: 30px; line-height: 30px; border-bottom: 5px solid #cc5200; background: #f60 url(../img/title_bg.png)no-repeat 11px 7px; padding-left: 34px; } .content{ padding: 25px 0 0 15px; background: #fff5ee; } .content li{ height: 26px; background: url(../img/li_bg.png)no-repeat left top; padding-left: 22px; } .content li a:link,.content li a:visited{ color: #666; text-decoration: none; } .content li a:hover{ color: #F60; }
