<title>div css3 侧边菜单导航栏-www.codesc.net</title> <style type="text/css"> *{margin:0;padding:0;list-style-type:none;} a,img{border:0;} body{font:12px/180% Arial, Helvetica, sans-serif, "微软雅黑";} .demo{margin:60px auto;width:720px;} .navbox{float:left;} ul.nav{width:200px;padding:60px 0 60px 0;background:url() no-repeat;} ul.nav li{margin:5px 0 0 0;} ul.nav li a{ background:#cbcbcb url() no-repeat;color:#174867;padding:7px 15px 7px 15px;width:100px;display:block;text-decoration:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -webkit-box-shadow:2px 2px 4px #888; -moz-box-shadow:2px 2px 4px #888; -o-box-shadow:2px 2px 4px #888; } ul.nav li a:hover{background:#ebebeb url() no-repeat;color:#67a5cd;padding:7px 15px 7px 30px;} </style> <div > <div > <ul > <li><a href="#">XHTML</a></li> <li><a href="#">C++</a></li> <li><a href="#">Mootools</a></li> <li><a href="#">HTML5</a></li> <li><a href="#">CSS</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">Ajax</a></li> <li><a href="#">PHP</a></li> <li><a href="#">Perl</a></li> </ul> </div> <div > <ul > <li><a href="#">XHTML</a></li> <li><a href="#">HTML5</a></li> <li><a href="#">CSS</a></li> <li><a href="#">jQuery</a></li> <li><a href="#">Ajax</a></li> <li><a href="#">PHP</a></li> </ul> </div> <div > <ul > <li><a href="#">XHTML</a></li> <li><a href="#">HTML5</a></li> <li><a href="#">CSS</a></li> </ul> </div> </div>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....