css3border边框渐变，html如何设置边框渐变色

怎样用css写线条左右渐变?

渐变线的方向可以使用关键字to，再加上一个表示边的（top、right、bottom、left）或者使用角来表示（top left、top right、bottom left、bottom right）的关键字来指定。

CSS3里面的线性渐变：linear-gradient 语法 参数 第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。

to top：设置渐变从下到上。相当于： 0deg to bottom：设置渐变从上到下。相当于： 180deg。这是默认值，等同于留空不写。 color-start|end 用于指定渐变的起止颜色： color：指定颜色。 length：用长度值指定起止色位置。

保存好html文件后使用浏览器查看效果。就会看到一个绿色到红色的渐变了。

相关问答

Q1: 如何用css使边框颜色渐变

1、如图所示，渐变的边框是一个 li 标签，要给他的 border-bottom 设置颜色渐变。

2、使用到的linear-gradient()函数，可以假设一条线，从元素顶部到底部绘制了一个渐变背景，这条线的角度由这个函数的前面关键字（to，bottom），位置由0%处的颜色是浅灰色，而位置100%处也就是元素顶部的颜色是深蓝色。

3、第一个参数：指定渐变方向，可以用“角度”的关键词或“英文”来表示：第一个参数省略时，默认为“180deg”，等同于“to bottom”。第二个和第三个参数，表示颜色的起始点和结束点，可以有多个颜色值。

Q2: pie.htc可以使ie支持哪些css3属性

1、； behavior：url(ie-csshtc)；} 你可以看看，ie-csshtc的下载地址也在这里。。

2、ieBetter让ie6-8有高级浏览器的特性 ExplorerCanvas让IE8-的浏览器支持canvas CSS3Pie让IE6-9支持border-radious，box-shadow，linear-gradient。可以使用.htc文件(注意Minetype)或.js文件。

3、他的搜索框、导航条，都是用背景或border实现的。所以你不管怎么调，ie都不会支持。要想所有主流浏览器同时兼容(包括ie6)，就只有用图片来做圆角或者引用一个 PIE.htc文件让ie6-8版本都支持css3属性。

4、pie.htc 是面对IE6-9 使其能够支持css3效果的浏览器组件。

5、ExplorerCanvas让IE8-的浏览器支持canvas CSS3Pie让IE6-9支持border-radious，box-shadow，linear-gradient。可以使用.htc文件(注意Minetype)或.js文件。在用Pie.js时，box-radious的元素有背景色时，不显示背景色。。

6、Keith Clark的ie-cssjs 这是个与IEjs类似的项目，其选择器可借助其他JavaScript库，所以其本身较小。 zoltandulac的cssSandpaper 这是一个使用IE滤镜实现一些CSS3属性的方法。

关于css3border边框渐变和html如何设置边框渐变色的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。