08_01导航圆角背景1
2014-11-06 21:48
225 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> .menu { width: 221px; background: black; } .btn { width: 71px; background: url(img/btn.png) repeat-x; float: left; margin-left: 2px; } .btnL { background: url(img/btnL.png) no-repeat; } .btnR { background: url(img/btnR.png) no-repeat right 0; height: 31px; text-align: center; line-height: 31px; } .clear { clear: both; } </style> </head> <body> <div class="menu"> <div class="btn"> <div class="btnL"> <div class="btnR">主页</div> </div> </div> <div class="btn"> <div class="btnL"> <div class="btnR">博客</div> </div> </div> <div class="btn"> <div class="btnL"> <div class="btnR">关于</div> </div> </div> <div class="clear"></div> </div> </body> </html>
相关文章推荐
- 08_03导航圆角背景应用
- 08_02导航圆角背景2
- 背景为圆角的导航
- 圆角导航菜单制作(图片作为背景)
- 导航圆角的长短背景做法
- NEC学习 ---- 模块 -文本圆角背景导航
- css通用小笔记01——导航背景
- 汽车导航系统背景介绍(zz)
- 圆角、描边背景样式,XML文件
- drawable下的圆角背景XML
- Android下基于XML的Graphics shape的高级UI设计,定义圆角背景等
- css圆角背景图片按钮-自适应内容大小
- 自定义导航栏背景图片和颜色
- 圆角边框和背景
- Android7.0 ShapeDrawable背景样式圆角
- 08-01 java 帮助文档的制作和使用,使用jdk提供的帮助文档
- 【C#基础】【语法04】课堂作业题 01-08
- CSS背景图片自适应文字宽度圆角按钮
- jquery背景跟随鼠标滑动导航