Web前端新手、关于padding的使用!
来源:互联网 发布:python 自动测试框架 编辑:程序博客网 时间:2024/06/05 04:00
一、CSS padding 属性定义元素边框与元素内容之间的空白区域。那么padding能控制<a>(超链接)的高度和宽度吗?下面我们一起来看看。
1) 改变<a>的长度和宽度:
a{
padding: 10px 20px;
border: 2px dotted olive;
}
2) 做出好看的导航:
<!--css代码-->
<style type="text/css">
a{
padding: 10px 20px;
border: 2px solid #5983AD;
border-radius: 5px;
}
a:link{text-decoration: none; color: blue; background: orange;}
a:hover {background-color: #5983AD; color: white;}
</style>
<!--html代码-->
<div style="width: 500px; margin: 100px auto;">
<a href="#">JiuNi.com.cn</a>
<a href="#">JiuNi.com.cn</a>
<a href="#">JiuNi.com.cn</a>
</div>
0 0
- Web前端新手、关于padding的使用!
- Web前端--CSS中margin和padding的区别
- Web前端--CSS中margin和padding的区别
- WEB前端新手学习心得
- WEB前端margin和padding详解
- 关于padding的文章
- web前端开发项目中可能遇到的细节性问题(1)【position,padding+margin】
- web 前端,on的使用
- 前端的小玩意(6)——使用padding的左定宽、右自适应布局
- 关于padding的小细节
- 关于.9图的padding
- 关于padding的一些用法
- WEB前端:关于项目管理的思考
- 关于web前端开发的资源
- 关于WEB前端开发的工具
- web前端关于兼容性的问题。
- web前端关于html5的表单控件
- 关于Web前端、Html5、JS的区别
- PHP解析Android APK包的XML文件
- 什么是Socket,为什么要用Socket
- 浅析ethx网卡控制函数ioctl实现具体流程
- PowerDesigner导出表到word
- Ubuntu12.04源
- Web前端新手、关于padding的使用!
- 从数据库中读取2进制图片文件
- 新笔记本安装win7和ubuntu双系统
- GDI 映像方式
- RHEL5 使用 CentOS5 的 YUM及配置YUM仓库
- 数据结构③-队列
- UIBarButtonItem 无法获取位置(个人)
- nginx配置虚拟主机,仅限制内网通过phpMyAdmin访问mysql
- 学习鸟哥的Linux私房菜笔记(7)——文件查找与文件管理1