html如何設定文字域大小

2021-03-10 19:00:36

html設定文字域大小的方法:首先新建html頁面,新增以個label標籤和一個input框;然後通過設定size的屬性修改寬度;最後預覽一下效果即可。

本教學操作環境:windows7系統、html5版,DELL G3電腦。

html設定文字域大小的方法:

1、首先用sublime text2新建一個測試用的html頁面。我這裡就叫test.html

9f973076ed1fb4f95cad7965c85ef82.png

2、這個時候在網頁中新增以個label標籤和一個input框。

fec3fb45d86c93deab81b94f9a02b85.png

3、預覽一下效果,我們可以知道預設的寬度是10

d3784ac7da37c60bd367e5c77534441.png

4、這裡我們通過設定size的屬性修改一下寬度。

90923c76ce165fb1e269775f987f1dc.png

5、再預覽一下效果。是不是寬度減少了呢。

b98af57b057bf544f3e2a92969816e0.png

6、如果是簡單改變寬度這就足夠了,但是如果修改一下其他的東西。我們需要加上style屬性

3fc319b06b6ba8fececdb7df9c6da55.png

7、預覽一下最終的效果。可以看到寬度和高度都改變了

c0a6fc8ece55dd9e83d25f7fe84da9d.png

以上就是html如何設定文字域大小的詳細內容,更多請關注TW511.COM其它相關文章!