按钮式链接
来源:互联网 发布:excle导入进sql 编辑:程序博客网 时间:2024/04/29 07:52
1.
<pre name="code" class="html">.a{ display:block; }
将链接从行内元素转换为块级元素,从而可以设置宽高度和背景
2.
大多数浏览器的默认字号是16像素,所以6.6em=16*6.6=105.6px同时1.4em=22.4px
3.
<pre name="code" class="html">a{ /* ...*/ height: 1.4em; line-height: 1.4em; }
<pre name="code" class="html">.a{ /* ...*/ text-align: center; }
text-align值为center可以使按钮中的文本水平居中。
4.
<pre name="code" class="html">.a{ /* ...*/ text-decoration: none; }去掉链接的下划线。
完整代码:
<pre name="code" class="html"><!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title><style type="text/css">a{display:block;width:6.6em;height: 1.4em;line-height: 1.4em;text-align: center;text-decoration: none;background: #CFE4B8;border:1px solid #DED6D6;}</style></head><body><a href="#">Buttom</a></body></html>
0 0
- 按钮式链接
- 链接按钮
- 链接按钮
- 将链接做成按钮
- GridView中的链接按钮
- 悬浮链接_按钮
- CSS链接按钮示例
- 给按钮添加链接
- 用按钮实现链接
- 链接创建按钮
- 点击按钮复制链接
- 点击按钮复制链接
- 给按钮加上链接功能
- 把链接伪装成按钮
- button按钮不能作为链接
- 链接当按钮使用问题
- 给按钮添加一个链接
- 给按钮加上链接功能
- Visio Premium 2010密钥+破解激活方法 【转】
- flask制作一个粗糙简单的短网址功能
- java String类总结
- 不同作用域(scope)的Spring Bean之间的依赖关系的动态代理注入
- tcpdump 抓包命令 参数用法详解
- 按钮式链接
- android中touch事件分发机制
- Android快速开发系列 10个常用工具类
- Leaflet.js+d3
- HDU 2016数据的交换输出
- HDU 2586 How far away ?【LCA】
- 栈 括号匹配程序
- 算法初级_1:字符
- 零碎笔记——Git的简易使用