css的行高示例
2016-06-23 18:39
453 查看
css中line-height 用于设置 字体高度,详细 说明如 截图:
应用demo
应用demo
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>a标签设置成按钮形式</title> <style> a { background-color: blue; font-size: 20px; font-weight: bold; display: inline-block; width: 80px; height: 50px; /*行高 控制文本上下居中*/ line-height: 50px; /*设置 文本 左右居中*/ text-align: center; /*去除a标签的 文本的 下划线*/ text-decoration: none; } </style> </head> <body> <a href="#">按 钮</a> </body> </html>
相关文章推荐
- css设置文字属性的示例
- 修改chrome下保存用户名密码的默认字体
- CSS盒模型全面讲解,怪异模式盒模型,CSS3 box-sizing属性
- 代码参考: css3动画—— 星系轨道
- 前端性能优化知识,包括css和js
- css3属性-webkit-font-smoothing
- CSS Secret——CSS的浏览器兼容
- css去掉a标签点击后的虚线框
- 【css 效果】边沿打孔的优惠券
- 【css 效果】边沿打孔的优惠券
- 欢迎使用CSDN-markdown编辑器
- 史上最全的CSS样式整理
- CSS常用知识点
- CSS3 功能
- 史上最全的CSS样式整理
- css,世界上没有绝对简单的事情
- css 样式技巧
- html+css 菜单的制作
- 经常被忽略的几个CSS3属性之强大应用(一、timing-function: steps() 二、animation-direction 三、timing-function: cubic-bezier())
- 解决浏览器background-image属性不支持css3动画