1、首先打开hbuilder编辑器,新建一个html文件,写一个form表单,并设置class属性值,form中设置两个input标签:
2、然后在上方的style标签中设置form的样式,在form的class属性中设置宽高属性,以px为单位设置宽高,背景颜色设置另一种颜色,最后设置form的盒子模型边距即可:
3、最后打开浏览器就可以看到,一个宽250px高30px的的form表单了:
首先在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>
按钮里面字体的颜色为白色,所达到的效果图为:
<input type='text' name='姓' class='l'> .l{background-color:#fff}input中的内容是包含在id='red'中的,你要把他们的属性分开就要分别对每个input定义一个class类进行设置
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)