如何给超链接设置宽度和高度
来源:互联网 发布:陕西师大网络教育首页 编辑:程序博客网 时间:2024/05/21 17:05
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>
效果:
1 0
- 如何给超链接设置宽度和高度
- 怎样给超链接设置宽度和高度
- 超链接 高度 宽度 设置
- 设置 超链接的宽度和高度
- HTML 的超链接 a 标签中如何设置其宽度和高度
- CSS设置超链接A标签宽度和高度
- CSS设置超链接A标签宽度和高度
- CSS设置超链接A标签宽度和高度 (divcss5)
- 如何设置对话框的宽度和高度
- h5: canvas如何设置高度和宽度
- html之给文本框设置宽度和高度...
- 如何设置SVG对象的高度和宽度?
- android如何动态设置控件的高度和宽度
- Android Dialog如何自定义设置宽度和高度
- a 标签中如何设置其宽度和高度
- 如何给Span设置宽度
- 设置和获取RelativeLayout高度和宽度
- iframe设置高度宽度100%,实际高度有限,如何解决?
- 数组、ArrayList和List的区别有哪些
- 如何在wordpress任何一个页面调用“插入图片”按钮,实现上传图片功能
- 发射导弹后绕圈飞行路径
- $.get乱码问题
- Phalcon Hello World Benchmark(Hello World测试)
- 如何给超链接设置宽度和高度
- 性能优化需要注意的点
- 关键字 + 常量 + 变量 类型转换 负数
- 因为理想,所以改变世界
- struts2 标签自定义数值处理
- Android开发之InstanceState详解
- android am pm命令
- Python如何将一个矩阵保存到一个列表中,再读出来
- 运维监控利器Nagios:概念、结构和功能