<!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" xml:lang="en">

 <head>

     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

     <title>新闻排行</title>

     <style>

     *{margin: 0;padding: 0;}

     li{list-style: none;}

     body{font-family: 微软雅黑;}

     .box{

         height: 300px;

         width: 470px;

         margin: 100px auto;

         background-color: #fff;

     }

     /*顶部导航栏*/

     .box .header{

         width: 100%;

         height: 32px;

         line-height: 32px;

         background-color: #fff;

         border-bottom: 5px solid red;/*设置导航栏下的红线*/

     }

     .box .header ul li{

         float: left;

         width: 45px;

         padding-left: 15px;

         padding-right: 15px;

         text-align: center;

         background-color: #ccc;

         border-left: 2px solid #F1F1F1;/*设置导航栏左边边框线*/

     }

     .box .header ul li a:link,.box .header ul li a:visited{

         text-decoration: none;

     }

     .box .header ul li a:hover{

         color: gold;

     }

     .box .header .news{

         width: 80px;

         padding-left: 30px;

         padding-right: 20px;

         text-align: center;

         border: none;

         background-color: #fff;

         font-weight: bold;

     }

     .box .header .guonei{

         background-color: #f00;/*设置国内两个字的背景颜色*/

         border-right: 1px solid #F1F1F1;

     }

     .box .header .guonei a:link,.box .header .guonei a:visited{

         text-decoration: none;

         color: #fff;

     }

     .box .header .guonei a:hover{

         color:gold;

     }

     /*新闻版块*/

     .box .content{

         color: #C3C3C3;/*设置新闻区域文本颜色*/

     }

     .box .content ul{

         padding-left: 50px;

         width: 100%;

         height: 260px;

         background: url(bg.gif) no-repeat 20px 5px;/*设置列表前面的图片*/

     }

     .box .content ul a:link,.box .content ul a:visited{

         text-decoration:none;

         color: #C3C3C3;

     }

     .box .content ul a:hover{

         color: #333;

     }

     .box .content ul li{

         margin-top: 3px;

         height: 23px;

         line-height: 23x;

     }

     </style>

 </head>

 <body>

     <div class="box">

         <div class="header">

             <ul>

                 <li class="news"><a href="#">新闻排行</a></li>

                 <li class="guonei"><a href="#">国内</a></li>

                 <li><a href="#">国际</a></li>

                 <li><a href="#">社会</a></li>

                 <li><a href="#">网评</a></li>

             </ul>

         </div>

         <div style="clear: both;"></div>

         <div class="content">

             <ul>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

                 <li><a href="#">美军高官:不排除和中国发生直接军事对抗可能会输.....</a></li>

             </ul>

         </div>

     </div>

 </body>

 </html>

CSS考试题目的更多相关文章

  1. 总结CSS面试题目的考察点及常见布局问题整理

    整理网上流传的若干份面试题目,突发奇想,总结关于CSS面试题目的考察点,发现问题大多围绕几个属性和几种题目,水平有限,仅供参考. 写这个博文内心有种莫名奇妙的自我谴责感,实在不应该把面试层叠样式“应试 ...

  2. rhce 考试题目总结

    rhce 考试题目总结归类 开机需要做的事: 检查系统版本 配置yum源 修改selinux的模式 ping一下server机器 1.分区类题目 1.1 rhcsa 第十五题 添加swap分区 要点: ...

  3. SEO工程师考试题目

    http://www.wocaoseo.com/thread-201-1-1.html      SEO,全名Search Engine Optimization,其中文名字为'搜索引擎优化' .其英 ...

  4. 【洛谷T7152】（考试题目）细胞

    题面 题目描述 小 X 在上完生物课后对细胞的分裂产生了浓厚的兴趣.于是他决定做实验并 观察细胞分裂的规律. 他选取了一种特别的细胞,每天每个该细胞可以分裂出 x − 1 个新的细胞. 小 X 决定第 ...

  5. 413 重温HTML + css 考试 + 访问HTML元素

    考试前的复习 初学css1:认识CSS 1.1:css简介,css全称是层叠样式表,Cascading style sheets 1.2:css的作用,主要是用于定义html内容在浏览器内的显示样式, ...

  6. 几个简单的html+css+js题目

    1.页面中有一图片,请在下划线处添加代码能够实现隐藏该图片的功能 <img id="pic" src="door.jpg" width="200 ...

  7. 其他-pkuwc2019数学考试题目

    时限150min,有windows和Ubuntu使用 十道填空题,在poj上举行,选手提交答案,系统将答案自动填入一个作用是输出答案的程序,再将该程序提交评测(由于该程序变量名为longlong,所以 ...

  8. python之路之考试题目

  9. 网易云课堂_C++程序设计入门(下)_期末考试_期末考试在线编程题目

    期末考试在线编程题目 返回考试   本次考试题目一共两个,在考试期间可以不限制次数地提交 温馨提示: 1.本次考试属于Online Judge题目,提交后由系统即时判分. 2.学生可以在考试截止时间 ...

随机推荐

  1. ORDER BY 1,2 desc

    ORDER BY 1,2 desc     --先按照选择列里的第一列进行升序排序,再按选择列的第二列降序排序    --选择列是指查询语句中select后面跟着的字段(1,2は検索の列)

  2. 关于CSS学习的第一章

    1.CSS三种书写的方式:嵌入式.外链式.行内式 嵌入式就是将CSS写入在<style></style> 外链式将外面的CSS文件通过HTML中的标记链接过来:<link ...

  3. 使用delphi+intraweb进行微信开发4—微信消息加解密

    示例代码已经放出!请移步使用delphi+intraweb进行微信开发1~4代码示例进行下载,虽为示例代码但是是从我项目中移出来的,封装很完备适于自行扩展和修改. 在上一讲当中我做了个简单的微信文本消 ...

  4. apache httpd.conf 参数详解

    由于网站需要,需要配置多个虚拟主机,但是apache主机的参数太多,记不住,下面做一下总结 归纳: ServerRoot:apache安装位置 Listen:服务器监听的端口号 LoadModule: ...

  5. Linux系统安全保护措施

    1.系统安全记录文件 操作系统内部的记录文件是检测是否有网络入侵的重要线索.如果系统是直接连接到Internet的,且发现有很多人对系统做telnet/FTP登录尝试,可以运行“#more/var/s ...

  6. 二模14day2解题报告

    T1.砍树(cuttree) 给出n棵树,要锯下m米木材,现在有一个高度h,h以上所有木头都砍下来,求满足m米的最小h 很简单的二分答案判断可行性. T2.快速求和(quicksum) 给出数字串s, ...

  7. 对于旅游业的手机app的分析

    对旅游行业的手机app的测试及分析 随着收入水平的提高,旅游已成为人们的惯常需求.或是为了增长见闻,感悟人生:又或者是愉悦感情,消闷解愁:还有的是为了体验生活,追求情调,同时锻炼身体.当然,旅游的目的 ...

  8. Java多线程Thread

    转自:http://www.cnblogs.com/lwbqqyumidi/p/3804883.html Java总结篇系列:Java多线程(一)   多线程作为Java中很重要的一个知识点,在此还是 ...

  9. C语言编程技巧-signal(信号)[转]

    自 http://www.uml.org.cn/c++/200812083.asp 信号是Linux编程中非常重要的部分,本文将详细介绍信号机制的基本概念.Linux对信号机制的大致实现方法.如何使用 ...

  10. HEX文件格式和其校验算法

    这次我将在原来的基础上(http://www.cnblogs.com/libra13179/p/5787084.html)继续讲解HEX文件的格式 打开app_valid_setting_apply. ...