四、CSS3横向导航下拉菜单代码
4.1 图片预览
4.2 index.html代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="author" content="helang.love@qq.com">
<title>CSS3横向导航下拉菜单代码</title>
<link rel="stylesheet" href="css/style.css">
<!--图标样式-->
<link rel="stylesheet" type="text/css" href="http://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
<style type="text/css">
.info_box {
margin: 100px auto 0 auto;
width: 400px;
background-color: #ffffff;
color: #333333;
padding: 0 0 0 30px;
}
.info_box>li {
padding: 15px 0;
font-size: 14px;
border-top: #e5e5e5 dashed 1px;
}
.info_box>li:first-child {
list-style: none;
font-size: 16px;
color: #FD463E