新闻案例

来源：互联网发布：淘宝联盟商品采集软件编辑：程序博客网时间：2024/05/22 15:11

<!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><title>基本选择器</title>   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />   <meta name="author" content="" />   <meta name="keywords" content="" />   <meta name="description" content="" />    <style type="text/css">     body{margin: 0;padding: 0;}     .new{border:1px solid green;width: 500px;}          .title{font-size: 24px;border:1px solid green;background-color: green;width: 500px;height:45px; line-height: 45px}          /*.new ul li{height:30px;line-height: 30px;border-bottom-width: 1px;border-bottom-color: green;border-bottom-style:dashed;text-decoration:none;}*/     .new ul li{height:30px;line-height: 30px;border-bottom: 1px dashed #ccc;width: 420px}          .new li a:link, .new li a:visited {color: #778899;text-decoration:none;}    /* 未访问的链接 */      .new li a:hover, .new li a:active {color: #FF0000;text-decoration:none;}    /* 鼠标移动到链接上 */      </style></head><body >  <div class="title">新闻中心</div>  <div class="new">    <ul>    <li><a href="" > 长春供暖首日遇重度“烟霾“ 市民:以为谁家着火了</a></li>    <li><a href="" > 广州去年28部门罚没8.7亿 7亿其他收入未说明</a></li>    <li><a href="" > 广州去年28部门罚没8.7亿 7亿其他收入未说明</a></li>    <li><a href="" > 年内5次降息为买房人减负 百万房贷可省17万</a></li>    <li><a href="" > 台湾太平岛灯塔完工 可照射越南所占岛礁</a></li>    <li><a href="" > 解放军允许智能手机进军营安装部队自研软件</a></li>    <li><a href="" > 广州去年28部门罚没8.7亿 7亿其他收入未说明</a></li>    </ul>  </div></body></html>

红色部分是一种写法比较繁琐，蓝色标注的比较简洁但效果是一样的

结果如图：

阅读全文

0 0