css3 border有没有波浪线

html-css018

css3 border有没有波浪线,第1张

波浪效果大部分是背景图片，不一定是border，也可以是下面有一个元素并且设定高度有背景平铺，还有就是用css3去写，如果border的圆角效果，可以去拼出一个，要不就是用vml去写，其实都没有第一种兼容效果好！！！！

div{

    background:

    radial-gradient(circle at 100% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent),

    radial-gradient(circle at 0% 50%, transparent 20%, rgba(255,255,255,.3) 21%, rgba(255,255,255,.3) 34%, transparent 35%, transparent) 0 -50px

    background-color: slategray

    background-size:75px 100px

}

更多背景底纹私聊我给你网址，有好多

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

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

我们的解决方法如下：

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

我们双击该文件，如下：

我们安装CSS，如下：

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

8

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