百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> CSS line-height 简单教程
分享文章到:

CSS line-height 简单教程

发布时间:01/15 来源: 浏览: 关键词:

定义
 line-height  定义两行之前的高度。

继承:是

注:负值是不容许的。


JavaScript的语法
的CSS属性也可以动态改变一个JavaScript 。

脚本语法: object.style.lineHeight = “ 2 ”

来看个line-height实例教程吧.

p
{
line-height: 1.4
}

p
{
line-height: 14pt
}

p
{
line-height: 140%

来看个实例.

<html>
<head>
<style type="text/css">
p.small
{
line-height: 10px
}
p.big
{
line-height: 30px
}
</style>
</head>
<body>

<p>


这是第一个标准线的高度。
默认行高在大多数浏览器是20px 。
这是第一个标准线的高度。
这是第一个标准线的高度。

</p>

<p class="small">


这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。

</p>

<p class="big">


这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。
这是第一个大线的高度。

</p>

</body>
</html>
会看到什么效果呢.

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有2人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板