html中的渐变标签，html如何给文字加有渐变边框？

1.首先我们打开开发工具，我们新建一个【HTML文档】

2.其次我们输入HTML部分代码，并添加绑定class

3.给HTML 表情绑定的class设置基础样式

4.编辑渐变边框样式！（颜色值可以根据自己的需求来设置）

5.编写代码好后，我们打开浏览器来看看效果。

style type="text/css"> span{ background:linear-gradient(to right, red, blue); -webkit-background-clip:text; color:transparent; } h1{ color:transparent; -webkit-text-stroke:1px #666; } /style> span> 花里胡哨，给文字加个颜色渐变/span> h1> 花里胡哨，给文字加个镂空效果/h1>

在html中，文章段一般都是使用P标签进行分段，在这里以p标签举例，在使用p标签的时候，上下段落之间就会产生一点的距离，那么我们怎么控制段落之间的距离呢，一般我们都是通过css对段落之间的距离进行设置。

1.行高属性：line-height

line-height属性可以对设置段落之间的距离，一般数值越大，段落之间的间距就越大，当然字和字的距离也是变大，很多时候，我们一般不会使用line-height属性来设置。

代码如下：

p{ line-height:30PX}

2.内边距进行补白

html段间距也可以使用padding对段落之间的距离进行设置，对上下进行内补白，从而实现段落之间的距离设置。代码如下：

P{ dading:30px 0}

3.对外边距margin的设置

我们都会margin应该不是很陌生，其实只要我们设置margin的上下左右边距和对象之间的距离，就可以实现上下段落之间的距离。语法如下：

p{ margin:30px 0}

在文章段落中，分段一般都是p标签，想实现段落之间的距离，我们一般使用maring和dadding这两种方式，可以轻松实现段落之间的距离。

以上就是对html间距怎么设置的全部介绍，如果你想了解更多有关CSS3教程，请关注Gxlcms。

以上就是html间距怎么设置的详细内容

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！