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

html-css018

html怎么在文字下面添波浪线?,第1张

需要准备的材料分别有:电脑、浏览器、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,如下:

8

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

shift+“`”(看清楚这里有一点哦,就是esc键下面那个键)多按几下就可以了。比如这样~~~~~~~~~~~~~~。还有就是在输入法的菜单里选特殊符号,然后选你想要的波浪线就好了,这里给你三个例子。