CSS怎样控制输入框的大小,代码怎么写?

 我来答
夜半情话
2018-04-17 · TA获得超过5863个赞
知道小有建树答主
回答量:70
采纳率:0%
帮助的人:3.3万
展开全部

代码如下:

input{width:100px;height:30px;line-height:30px;}

宽度为100像素,高度为30像素

知识延展:

CSS 语法

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

  • 选择器通常是您需要改变样式的 HTML 元素。

  • 每条声明由一个属性和一个值组成。

  • 属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。

在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。

下面的示意图为您展示了上面这段代码的结构:

知识阅历积累历程

2016-02-03 · 影视爱好者、游戏达人、IT 男
知识阅历积累历程
采纳数:10965 获赞数:6547

向TA提问 私信TA
展开全部
input{width:100px;height:30px;line-height:30px;}
宽度为100像素,高度为30像素
追问
那大小设置好后,如何改变颜色呢?
谢谢!
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
纯净丶Sunmood
2016-02-03 · TA获得超过108个赞
知道答主
回答量:155
采纳率:0%
帮助的人:31.9万
展开全部
<!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">
* {
margin:0;
padding:0;
}
#text1{ color:red; font-size:20px; margin:100px;}
</style>
</head>
<body>
<input type="text" value="我是测试文本" id="text1" />
</body>
</html>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式