九宫格
来源:互联网 发布:上饶师范学院网络教育 编辑:程序博客网 时间:2024/04/27 16:59
<!--九宫格:border-width:5px,格子大小是 50px*50px,hover时边框变成红色。--><!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/><style type="text/css">* {padding: 0;margin: 0;}/*text-align属性只能针对文本文字和img标签,对其他标签无效*/body {text-align: center;}div{width:170px;height:170px;margin:50px auto;}a{display:block;float:left;width:50px;height:50px;border:5px solid green;margin:0 -5px -5px 0;z-index:1;position:relative;
line-height:50px;}a:hover{/*z-index 属性设置元素的堆叠顺序,只能在定位元素上生效*/z-index:2;border-color:red;}</style></head><body><div> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">6</a> <a href="#">7</a> <a href="#">8</a> <a href="#">9</a> </div></body></html>
0 0
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 九宫格
- 志愿者选拔(单调队列)
- Mac os x实用技巧-关闭渐隐和弹出动画效果
- Top 10:HTML5、JavaScript 3D游戏引擎和框架
- 自动对焦拍照,以及可移动方框定位
- 测试用例的编写
- 九宫格
- 九度OJ1386剑指offer面试题8:旋转数组的最小数字
- day02--Java中数组工具类:Arrays
- Redis安装在Linux上面
- 安z面试
- iOS学习第一天
- 安卓touch事件传递机制以及touchEvent浅析
- c++对象模型-semantics of construction
- LwIP协议栈(2):网络接口