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

html-css053

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

代码如下:

input{width:100pxheight:30pxline-height:30px}

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

知识延展:

CSS 语法

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

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

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

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

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

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

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

<style>

.test{border:1px solid #f00}

</style>

<input class="test" value="这样就可以了">

如果你需要所有的文本框都用一个样式,就直接把.test改成用input就可以了。