怎样给超链接设置宽度和高度
来源:互联网 发布:地图软件下载 编辑:程序博客网 时间:2024/05/21 10:07
1、利用display:block属性
1: <!DOCTYPE html>
2: <html>
3: <head>
4: <meta charset="utf-8" />
5: <title>a设置宽度和高度</title>
6: <style>
7: .abc a{
8: display:block;
9: width:130px;
10: height:30px;
11: border:1px solid #000
12: }
13: </style>
14: </head>
15: <body>
16: <div class="abc">
17: <a href="#">宽度130,高30</a>
18: </div>
19: </body>
20: </html>
效果:
2、float:left属性
1: <!DOCTYPE html>
2: <html>
3: <head>
4: <meta charset="utf-8" />
5: <title>a设置宽度和高度</title>
6: <style>
7: .abc a{
8: float:left;
9: width:150px;
10: height:50px;
11: border:1px solid #000
12: }
13: </style>
14: </head>
15: <body>
16: <div class="abc">
17: <a href="#">宽度150,高50</a>
18: </div>
19: </body>
20: </html>
效果:
3、对a设置padding
1: <!DOCTYPE html>
2: <html>
3: <head>
4: <meta charset="utf-8" />
5: <title>a设置宽度和高度</title>
6: <style>
7: .abc a{
8: padding:10px 20px;
9: width:150px;
10: height:50px;
11: border:1px solid #000
12: }
13: </style>
14: </head>
15: <body>
16: <div class="abc">
17: <a href="#">宽度150,高50</a>
18: </div>
19: </body>
20: </html>
效果:
0 0
- 怎样给超链接设置宽度和高度
- 如何给超链接设置宽度和高度
- 超链接 高度 宽度 设置
- 设置 超链接的宽度和高度
- CSS设置超链接A标签宽度和高度
- CSS设置超链接A标签宽度和高度
- CSS设置超链接A标签宽度和高度 (divcss5)
- html之给文本框设置宽度和高度...
- HTML 的超链接 a 标签中如何设置其宽度和高度
- 设置和获取RelativeLayout高度和宽度
- 设置控件/对话框的宽度和高度
- 动态设置TextView高度和宽度
- 如何设置对话框的宽度和高度
- Table 组件使用指南:设置宽度和高度
- 设置div 自适应高度和宽度
- Android Dialog AlertDialog 设置高度和宽度
- autolayout 设置高度限制和宽度限制
- 设置TableViewer 中的高度和宽度
- 策略模式C++实现
- Android5.0网络子系统
- 图像处理中各种边缘检测的微分算子简单比较(Sobel,Robert, Prewitt,Laplacian,Canny)
- unity文档---简单的清单,使你的发布版本尽可能的小
- lua读写文件
- 怎样给超链接设置宽度和高度
- [Android 调试] Installation error: INSTALL_FAILED_INSUFFICIENT_STORAGE
- 获取客服端ip
- 形态学运算中腐蚀,膨胀,开运算和闭运算
- Java Servlet的配置文件web.xml配置内容和具体含义
- IOS 数据存储及安全
- CentOS6.3配置SVN之subversion1.7.7
- CentOS 6.4 安装搭建 Scrapy 0.22 环境
- CAS单点登录之AJAX页面刷新无反应(302 Moved Temporarily)