css鼠标放上去显示外框
来源:互联网 发布:阿里云rds数据库集群 编辑:程序博客网 时间:2024/04/24 03:06
随便写写css,重点的地方我已经加了注释并用红色显示了,有兴趣的大家可以看看。下面是源码:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title><style>.a_bk{text-align:center;border:1px solid #ccc;width:50px;height:20px;color:black;display:block;text-decoration:none;/*这样才能使相邻的a看起来就隔着一个边框*/margin: -1px 0 0 -1px;float:left;/*使得相邻排列*/position:relative;border-bottom-left-radius: 2px;white-space: nowrap; text-overflow: ellipsis;}.a_bk:hover{border:1px solid #1796f9;border-radius:2px;/*这样才能使鼠标放上去的时候显示全部的蓝色框,否则因为maring的缘故,边框的右半部分会被相邻的a的边框遮盖 */z-index: 10;}</style></head><body><div style = "width:300px;height:150px;border:1px solid #ccc;margin:30% auto;"> <a href = "#" class = "a_bk">111</a> <a href = "#" class = "a_bk">222</a> <a href = "#" class = "a_bk">333</a> </div></body></html>
阅读全文
0 0
- css鼠标放上去显示外框
- css鼠标放上去则显示电话号码
- web前端,鼠标放上去出现下拉框html+css
- 鼠标放上去图片变大 css
- 鼠标放上去小图显示大图
- 当鼠标放上去显示提示信息
- 鼠标放上去显示为手型
- js 鼠标放上去显示浮层
- Jquery鼠标放上去显示全名
- 鼠标放上去显示/隐藏效果
- css隐藏下拉菜单的设置,当鼠标放上去时,自动显示下拉菜单
- css-鼠标移上去显示大图
- 鼠标放上去图片放大的一个效果(css)
- css实现鼠标放上去后下拉动画
- 链接效果:鼠标放上去显示虚线的下划线
- 新闻标题太长,截取字段,鼠标放上去显示全部
- 产品展示鼠标放上去显示上一个下一个的图标
- jquery animate 鼠标放上去显示,离开就隐藏
- 函数指针(function pointer)
- [BZOJ1588]营业额统计
- HTML5-Less-Sass-swiper
- 迭代修正算法
- 数据的离散化-lower_bound
- css鼠标放上去显示外框
- Exception:Establishing SSL connection without server's identity verification is not recommended
- C#操作SQL Server数据库
- Unity GameObject.activeSelf, GameObject.activeInHierarchy,GameObject.SetActive和SetActiveRecursively
- AngualrJS(九)css类和样式3
- android studio在ndk中打log
- JavaScript中的深拷贝与浅拷贝
- View学习(二)--角度与弧度
- 安装darknet+opencv+错误解决