如题所述
代码如下：
input{width:100px;height:30px;line-height:30px;}
宽度为100像素，高度为30像素
知识延展：
CSS 语法
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。
在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
下面的示意图为您展示了上面这段代码的结构：
温馨提示：答案为网友推荐，仅供参考
第1个回答 2016-02-03
input{width:100px;height:30px;line-height:30px;}
宽度为100像素，高度为30像素追问
宽度为100像素，高度为30像素追问
那大小设置好后，如何改变颜色呢？
谢谢！
第2个回答 2016-02-03
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">
<html xmlns="">
<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>
<html xmlns="">
<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>
