css如何把button做成绿色

html-css030

css如何把button做成绿色,第1张

css把button做成绿色可以通过以下来改变颜色

<button value="ch1" >选项一</button>

如果不加class或者id,可以这样写:

button{ background-color:#ff0000}

<button class="btn1" value="ch1" >选项一</button>

如果加个class,可以这样写:

.btn1{ background-color:#ffff00}

给确认按钮加一个css样式:

<!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/htmlcharset=utf-8" />

<title>无标题文档</title>

<style>

.btn{background:#f00}

</style>

</head>

<body>

<label>

<input name="button" type="submit" class="btn" id="button" value="确认" />

</label>

</body>

</html>

补充一下,这个是按钮背景变成红色,要是字体颜色可以在样式里面写成:color:#f00