html怎么在文字下面添波浪线？_随笔

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<body>标签中，输入html代码：

div {background: radial-gradient(circle at 10px -7px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x,

radial-gradient(circle at 10px 27px, transparent 8px, currentColor 8px, currentColor 9px, transparent 9px) repeat-x

background-size: 20px 20pxbackground-position: -10px calc(100% + 16px), 0 calc(100% - 4px)}

3、浏览器运行index.html页面，此时在文字下方成功添加了波浪线。

我们在vs2010中可以发现，如下：

从上图中，我们可以发现，原来是因为我们的CSS版本太低了。

我们的解决方法如下：

我们首先下载CSS3，下载后如下：

我们双击该文件，如下：

我们安装CSS，如下：

安装后，我们再重启vs2010，如下：

我们选择CSS3.0即可将波浪线除去，如下：

欢迎分享，转载请注明来源：内存溢出

html怎么在文字下面添波浪线？