一、HTML中如何将文本框变宽
1.首先用sublime text2新建一个测试用的html页面。我这里就叫test.html
2.这个时候在网页中添加以个label标签和一个input框。
3.预览一下效果，我们可以知道默认的宽度是10
4.这里我们通过设置size的属性修改一下宽度。
7.再预览一下效果。是不是宽度减少了呢。如果是简单改变宽度这就足够了，但是如果修改一下其他的东西。我们需要加上style属性.
8.预览一下最终的效果。可以看到宽度和高度都改变了.
二、怎样在HTML中显示多行文本框
1、多行文本框就是textarea，它是一个文本输入域，可以无限的输入，它有默认的高度和宽度，textarea是一个双标签。关于用法这里新建一个html文件，写入一个textarea：
2、textarea可以设置列数和行数，通过cols设置列数，通过rows设置行数：
3、打开浏览器，就可以看到设置好的多行文本标签了：
4、最后输入一些文字当文字过多的时候，它不仅可以自动换行，而且在右侧还会自动的显示滚动条。以上就是关于textarea多行文本框的使用介绍：
三、html边框圆角化代码
html边框圆角化可以用css中的“border-radius”属性来实现。
1、新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角：
2、为div标签设置“border-radius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角：
3、为div标签设置“border-radius”属性，属性值分别对应边框的左上角、右上角、右下角和左下角，这时可以对每个顶角自定义设置圆角半径：
好了，本文到此结束，如果可以帮助到大家，还望关注本站哦！
