爱上编程网

CSS简单样式练习(三)

  • 时间:2019-11-08 08:52 编辑:青柠小助手 来源:计算机/互联网 阅读:31566
  • 扫一扫,手机访问
摘要:CSS简单样式练习(三)

标签:简单   image   技术   mamicode   alt   list   color   ext   lis   

运行效果:

技术图片

 

 源代码:

 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>菜单</title>
 6     <style type="text/css">
 7         *{
 8             margin: 0;
 9             padding: 0;
10             border: none;
11         }
12 
13         .container{
14             width: 288px;
15             background-color: #FCFCFC;
16             border-top: 1px solid orangered;
17         }
18 
19         ul{
20             height: 40px;
21             line-height: 40px;
22         }
23 
24         ul li{
25             list-style: none;
26             padding: 0 8px;
27             float: left;
28         }
29 
30         ul li:hover{
31             background-color: #EDEEF0;
32         }
33 
34         ul li a{
35             color: #7B91B6;
36             text-decoration: none;
37         }
38 
39         ul li a:hover{
40             color: #FF8400;
41         }
42     </style>
43 </head>
44 <body>
45     <div class="container">
46         <ul>
47             <li><a href="#">设为首页</a></li>
48             <li><a href="#">移动客户端</a></li>
49             <li><a href="#">你好</a></li>
50             <li><a href="#">Pad版</a></li>
51         </ul>
52     </div>
53 </body>
54 </html>

 

CSS简单样式练习(三)

标签:简单   image   技术   mamicode   alt   list   color   ext   lis   

原文地址:https://www.cnblogs.com/yijiahao/p/11811311.html



技术交流学习或者有任何问题欢迎加群

编程技术交流群 : 154514123 爱上编程
Java技术交流群 : 6128790  Java

  • 全部评论(0)
最新发布的资讯信息
【数码/游戏/手机|网络游戏】2019-11-11 模拟赛总结(2019-11-12 12:52)
【数码/游戏/手机|网络游戏】遇到的几个浏览器兼容性问题(2019-11-12 12:52)
【数码/游戏/手机|网络游戏】Activiti task claim(2019-11-12 12:52)
【数码/游戏/手机|网络游戏】abp学习(一)(2019-11-12 12:49)
【数码/游戏/手机|网络游戏】Cassandra 数据模型(2019-11-12 12:49)
【数码/游戏/手机|网络游戏】Redis基本使用(一)(2019-11-12 12:49)
【数码/游戏/手机|网络游戏】使用WireShark进行网络安全分析(2019-11-12 12:48)
【数码/游戏/手机|网络游戏】sentry安装(2019-11-12 12:47)
【数码/游戏/手机|网络游戏】SNMP相关资料(2019-11-12 12:47)
【数码/游戏/手机|网络游戏】zabbix监控nginx和tomcat(2019-11-12 12:47)
展开