css 兼容 横向渐变 |如何在css中控制表格

linear-gradient(to right, red, yellow);
-webkit-linear-gradient(left, red, yellow); /* Safari 5.1-6.0 */
-moz-linear-gradient(left, red, yellow); /* Firefox 3.6-15 */
-o-linear-gradient(left, red, yellow); /* Opera 11.1-12.0 */
-ms-linear-gradient(left, red, yellow); /* IE 10+ */

上面的代码是实现横向渐变效果的代码，其中包含了五种浏览器前缀，分别是webkit、moz、o、ms和标准的linear-gradient。这里以linear-gradient为例，这是W3C标准定义的渐变效果，但在不同浏览器中要加上不同的前缀来实现兼容性。

其中，-webkit-代表Safari和Chrome浏览器，-moz-代表Firefox浏览器，-o-代表Opera浏览器，-ms-代表IE浏览器。如果在使用中忘记加上前缀，则有可能出现在某些浏览器上无法实现效果的问题。

除了横向渐变外，还有垂直渐变和径向渐变等多种类型，需要在实现中注意浏览器兼容性和前缀的添加。