用CSS如何让修改表单输入文字的字体大小
展开全部
table {
font-size:14px;
}
14数值随你改,越大越大。
HTML的
<div id="main">
<div id="xianshi">
<table>
<tr>
<td><form>
<input name="text" type="text" maxlength="20" />
</form>
</td>
</tr>
</table>
</div>
css的
table {
font-size:20px;
}
CSS里把这个table改成input 就行了。
font-size:14px;
}
14数值随你改,越大越大。
HTML的
<div id="main">
<div id="xianshi">
<table>
<tr>
<td><form>
<input name="text" type="text" maxlength="20" />
</form>
</td>
</tr>
</table>
</div>
css的
table {
font-size:20px;
}
CSS里把这个table改成input 就行了。
展开全部
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body { width:900px; height:1200px; background-color:#FFF; text-align:center;}
#container { width:600px; height:800px; margin:0 auto;}
#header { width:600px; height:100px; background-color:#F60;}
#bodymain { width:600px; height:600px; background-color:#C69;}
#footer { width:600px; height:100px; background-color:#3FF;}
#bodymain .font { font-size:25px;}
</style>
</head>
<body>
<div id="container">
<div id="header">head部分</div>
<div id="bodymain">
<form class="lt">
<p class="leftfont"><span><span style="color:#F00">*</span>电子邮件:</span><input type="text" class="font"/></p>
<p class="leftfont"><span><span style="color:#F00">*</span>移动电话:</span><input type="text" />请认真填写以便我们更好地为您服务</p>
<p class="leftfont"><span><span style="color:#F00">*</span>你目前的购房阶段:</span>
<p>周边环境:
<input type="checkbox" name="housesurrounding" class="cb7"/>观海
<input type="checkbox" name="housesurrounding" class="cb8"/>看山
<input type="checkbox" name="housesurrounding" class="cb9"/>公园
</p><br />
<p style="text-indent:85px;">
<input type="checkbox" name="housesurrounding" class="cb10"/>由院
<input type="checkbox" name="housesurrounding" class="cb11"/>学校
<input type="checkbox" name="housesurrounding" class="cb12"/>超市
</p><br />
</form></div>
<div id="footer">footer部分</div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
body { width:900px; height:1200px; background-color:#FFF; text-align:center;}
#container { width:600px; height:800px; margin:0 auto;}
#header { width:600px; height:100px; background-color:#F60;}
#bodymain { width:600px; height:600px; background-color:#C69;}
#footer { width:600px; height:100px; background-color:#3FF;}
#bodymain .font { font-size:25px;}
</style>
</head>
<body>
<div id="container">
<div id="header">head部分</div>
<div id="bodymain">
<form class="lt">
<p class="leftfont"><span><span style="color:#F00">*</span>电子邮件:</span><input type="text" class="font"/></p>
<p class="leftfont"><span><span style="color:#F00">*</span>移动电话:</span><input type="text" />请认真填写以便我们更好地为您服务</p>
<p class="leftfont"><span><span style="color:#F00">*</span>你目前的购房阶段:</span>
<p>周边环境:
<input type="checkbox" name="housesurrounding" class="cb7"/>观海
<input type="checkbox" name="housesurrounding" class="cb8"/>看山
<input type="checkbox" name="housesurrounding" class="cb9"/>公园
</p><br />
<p style="text-indent:85px;">
<input type="checkbox" name="housesurrounding" class="cb10"/>由院
<input type="checkbox" name="housesurrounding" class="cb11"/>学校
<input type="checkbox" name="housesurrounding" class="cb12"/>超市
</p><br />
</form></div>
<div id="footer">footer部分</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
table {
font-size:14px;
}
14数值随你改,越大越大。
font-size:14px;
}
14数值随你改,越大越大。
更多追问追答
追问
怎么不行,是表单里面的喔。。。。不是表格~~
追答
你贴代码,不然怎么说。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询