css直线的渐变(CSS渐变色linear-gradient)

一、今天记录下CSS渐变色(linear-gradient)使用。

二、代码部分

<!DOCTYPE html> <head> <meta charset="utf-8"> </head> <style> .xa-linear-gradient{ background: linear-gradient(red,green); } </style> <body> <button class="xa-linear-gradient">按钮渐变色</button> </body> </html>

三、效果图

css直线的渐变(CSS渐变色linear-gradient)(1)

按钮渐变色

,

免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com

    分享
    投诉
    首页