css文本域自动加长无边框，css给文本加边框

css网页设计中怎样让文本框变长

1、可以给标签家个id或class；就可以调整文本框的宽和高。

2、写一个class控制，加入你希望的长度是150px，那么你这样写，min-width：150px；_height：150px；当超过150px的时候他自动加长，当低于150px的时候他显示的是150px，后面的_height：150px；是针对IE6。

3、首先用sublime text2新建一个测试用的html页面。我这里就叫test.html 这个时候在网页中添加以个label标签和一个input框。预览一下效果，我们可以知道默认的宽度是10 这里我们通过设置size的属性修改一下宽度。

4、新建网页文件。在head里插入 #area { width：300px； height：20px； }，表示设置输入文本框宽度为300像素，高度为20像素。在body里插入，表示定义一个输入文本框，启用area样式。在IE里测试，查看效果。

相关问答

Q1: 网页设计表单文本字段怎么用css修改去掉上边框留下下边框

textarea style=border：none；width：200px；height：30px；/textarea 你可以按上面的CSS代码试一下。border：none这个表示隐藏边框。

首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。在index.html中的标签中，输入css代码：td {padding： 0}。浏览器运行index.html页面，此时成功用css去除了表格的边框和边距。

可以设置表单控件的outline属性为none值来去掉Chrome浏览器中输入框以及其它表单控件获得焦点时的橙色边框。

我们首先展示最原始的代码和效果。默认情况下，表中直接用td划分的表将隐藏边框。接下来，我们使用css添加样式并为表添加边框。表{边框：1px solid＃804040；}修改后的效果是整个表格具有外边框，并且表格中没有边框。

CSS去掉div的边框可以去掉css的border属性，或者覆盖border属性为none来实现。如图，这是一个带边框的div测是页面。

Q2: CSS+DIV里面如何实现文字与边框的间隔

1、最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比。然后是使用margin外边距，这也是常用的方法，可以设置上下左右边距，这里使用float将两个子div并列。

2、/div/body/html示例中设置的padding值为10px；文字距离边框的距离即为10px。可通过修改值来改变距离。

3、首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。

4、使用padding-bottom样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。所以借助与padding属性模拟下划线实现文字与下划线之间距离可调节。

5、文字水平居中的办法一般是设置line-height属性（表示每行文字的高度）来实现。

关于css文本域自动加长无边框和css给文本加边框的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。