html中如何设置form大小

html中如何设置form大小,第1张

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类进行设置


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6160393.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存