首先在html里面插入一个按钮,然后设置CSS样式字体颜色style="color: white“;
,具体代码为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<input type="button" style="background: red color: white" value="提交" /><!--background: red设置背景颜色为红色,color: white设置字体的按钮里面字体的颜色为白色 -->
</body>
</html>
按钮里面字体的颜色为白色,所达到的效果图为:
1、打开html开发工具,新建一个html文件在html代码页面创建一个<div>并给这个标签添加一个类名linear:
2、然后为类设置样式。在title后面创建一个style标签,然后在这个标签里面设置linear类的高、渐变(linear-gradient)的样式,这里的第一个参数是设置渐变的方向,后面两个参数是起始颜色和终止颜色。设置好后去浏览器查看效果:
3、保存好html文件后使用浏览器查看效果。就会看到一个绿色到红色的渐变了。以上就是html中让背景颜色渐变的设置方法介绍:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)