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

html-css025

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

代码如下:

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

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

知识延展:

CSS 语法

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

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

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

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

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

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

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

用css改变输入框样式的方法如下:

1、打开编辑工具,创建静态页面。

2、在页面中插入一个输入框。

3、设置输入框的宽度、高度、文字样式。

4、在初始化函数里编写table函数,对于不同情况设置不同的样式。

5、预览静态页面,打开浏览器调试结果。

6、保存代码并预览页面,即可看到页面展示的效果。

7、按照上述操作,即可完成用css改变输入框样式。