css练习002--双斜角横线菜单
来源:互联网 发布:淘宝营销推广教程 编辑:程序博客网 时间:2024/04/28 19:58
<html><head><meta http-equiv="Content-Type" content="charset=utf-8"/><style type="text/css">#menu{width:9em;font-family:Arial;font-size:14px;margin:0 auto;border:solid 1px #aaa;}#menu a,#menu a:visited{display:block;background-color:#fff;line-height:1.4em;color:#000;text-decoration:none;border:0.5em solid #fff;}#menu a#first,#menu a#last{margin:0px;}#menu a:hover{color:#fff;background-color:#aaa;border-color:#ddd #aaa;}</style></head><body><div id="menu"><a href="#" id="first"> Home </a><a href="#"> Contant Us</a><a href="#"> web dev</a><a href="#"> Web Design </a><a href="#" id="last"> Map </a></div></body></html>效果展示:http://codepen.io/huangwei/pen/EKbGoX
0 0
- css练习002--双斜角横线菜单
- css双斜角横线菜单
- 纯CSS实现斜角
- 纯CSS实现斜角
- 利用css绘制三条横线的菜单图标
- css之斜角的制作
- CSS实现表格项斜角
- css练习001--直线菜单
- css练习003--立体菜单
- 纯 css 实现斜角 by colinivy
- css+html 横线
- 横线-文字-横线的html-css布局
- css字体加横线方法
- CSS处理斜角导航条的一个例子 [源码].txt
- CSS制作斜角上有背景图片的Div层
- CSS制作斜角上有背景图片的Div层
- 人民币符号¥单横线?双横线?
- 横线
- java多线程
- HDU 1253 胜利大逃亡(简单三维广度优先搜索)
- elasticsearch中minimum_should_match的一些理解
- asp.net中GridView的用法总结
- U-boot在S3C2440上的移植详解(六)
- css练习002--双斜角横线菜单
- [C/C++]如何解读返回函数指针的函数声明
- 动态链接库编程范例
- Java NIO框架Netty教程(三) – Object对象传递
- 网站建设(5)——博客程序的选择和部署
- Java NIO框架Netty教程(四) – ServerBootStrap启动流程源码分析
- 【笔记】 《js权威指南》- 第16章 脚本化CSS 16.2 重要的CSS属性(2)
- linux命令--grep
- Scrapy设置之自定义命令