
首先在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中让背景颜色渐变的设置方法介绍:
在网页设计中,一般常用的颜色代码有两种:颜色名、颜色值。在 HTML4.0标准中,只有16种颜色名被支持如red、yellow等,而颜色值是由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB),一般用于css中。
工具原料:文本编辑器、浏览器。
颜色名的用法:
1、直接在html中使用color属性即可使用,如下代码
<font size="3" color="red">This is some text!</font>
2、运行效果如下图:
颜色值的用法
1、直接在css代码中使用color属性即可,代码如下:
<p style="color=:#E3130E">This is some text!</p>
2、运行效果如下:
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)