•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

div字间距-div内笔墨之间间距设置要领【html5教程】,div字间距,间距设置方法

摘要: 本篇文章给人人带来的内容是关于div字间距-div内笔墨之间间距设置要领,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。div内字与字间距是不是能够用CSS代码完成?答案:...
本篇文章给人人带来的内容是关于div字间距-div内笔墨之间间距设置要领,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

div内字与字间距是不是能够用CSS代码完成?

答案:能够运用css完成div字间距规划。CSS字间距的单词代码:letter-spacing

1、语法:

letter-spacing:3px —— 设置对象字间距为3px间隔。

2、对一切div设置一致字间距

div{letter-spacing:2px}

如许即设置HTML中一切div标签内字与字之间都一致为2px间间隔。

3、针对指定div 字间距的设置

.zjj{letter-spacing:4px}

如许CSS选择器指定加class=zjj的对象内笔墨设置字间距为4px,div、p、span、h1等标签都能够运用class设置对象内字间距。

4、div实例代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div对象内字间距设置实例</title>
<style>
.sli{ letter-spacing:3px}
</style>
</head>
<body>
<div>这里div内笔墨间距一般</div>
<div class="sli">这里div运用class=sli设置letter-spacing:3px款式,所以字间距为3px</div>
</body>
</html>

以上html css实例代码能够直接拷贝复制运用,视察实例结果。

5、div实例截图

以上就是对div字间距-div内笔墨之间间距设置要领的悉数引见,假如您想相识更多有关CSS3教程,请关注ki4网。

以上就是div字间距-div内笔墨之间间距设置要领的细致内容,更多请关注ki4网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号