如何在网页中让文本框显示成一条横线？高分求教！！

CSS是层叠样式表，让网页有更多的样式可调。

10多年的潍城网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都营销网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整潍城建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联公司从事“潍城网站设计”,“潍城网站推广”以来，每个客户项目都认真落实执行。

你的文本框的代码中加一个style的项目，然后后面写对应的CSS样式即可。

我这里写的意思是“左边界:无；右边界:无；上边界:无；下边界:1象素实线颜色(192,192,192)”

input type="text" name="textfield" style="border-left: none; border-right: none; border-top: none; border-bottom: 1px solid rgb(192,192,192)"/

css 层叠样式表 解释

* 整个文件

{

border: 0;没有边框

margin: 0;外间距为0

padding: 0;内间距为0

}

a

{

text-decoration: none; 所有默认超链接没有下划线

}

body 所有内容

{

background: #000000; 背景色为黑色

color: #777; 文字颜色为#777

margin: 0 auto; 样式左右局中 上下顶头

padding: 50px; 内间距50像素

position: relative; 对象不可层叠

width: 620px; 样式宽度为620px

}

h1

{

background: inherit; 背景色继承父本

/*

border-bottom: 1px dashed #ccc; 被注视掉了

*/

color: #933; 文字颜色#933

font: 17px Georgia, serif; 文字属性

margin: 0 0 10px; 外间距 上左右0像素 下10像素

padding: 0 0 5px; 内间距 上左右0像素 下5像素

text-align: center; 文字水平局中

}

p

{

clear: both; 清除浮动

font: 10px Verdana, sans-serif; 文字样式

padding: 10px 0; 内间距 上下10像素 左右0像素

text-align: center; 文字水平局中

}

p a

{

background: inherit; 段落背景色继承父色

color: #777; 超链接文字颜色为#777

}

p a:hover

{

background: inherit;

color: #000; 段落超链接鼠标经过时颜色为黑色

}

/* =Hoverbox Code

----------------------------------------------------------------------*/ 被注视掉

.hoverbox

{

cursor: default; 鼠标样式不显示

list-style: none; 清除样式

}

.hoverbox a

{

cursor: default; 鼠标样式不显示

}

.hoverbox a .preview

{

display: none; 鼠标样式不显示

}

.hoverbox a:hover .preview 鼠标经过

{

display: block; 鼠标样式显示

position: absolute; 对象不可层叠

top: -33px; 据顶端-33个像素

left: -45px; 据左边-45个像素

z-index: 1; 纵坐标为1

}

.hoverbox img boverbox里的图片

{

background: #fff; 背景色白色

border-color: #aaa #ccc #ddd #bbb; 边框上右下左的颜色

border-style: solid; 边框为实线

border-width: 1px; 边框1个像素

color: inherit; 文字颜色继承父色

padding: 2px; 内间距2个像素

vertical-align: top; 竖直顶端对齐

width: 100px; 宽度100像素

height: 75px; 高度75像素

}

.hoverbox li hoverbox里的li标记

{

background: #eee; 背景色 #eee

border-color: #ddd #bbb #aaa #ccc;边框上右下左的颜色

border-style: solid;边框为实线

border-width: 1px;边框1个像素

color: inherit;文字颜色继承父色

display: inline;内联对象

float: left;左浮动

margin: 3px;外间距3像素

padding: 5px;内间距5像素

position: relative;对象不可层叠

}

.hoverbox .preview

{

border-color: #000; 边框颜色#000

width: 200px; 宽度200像素

height: 150px; 高度150像素

}

给分吧 很辛苦的哦

CSS+DIV,右边的效果如何实现。求代码会用float属性但是做不出右边的效果。求解答。。

你想要做出你贴的图片的那个样子吗，他就是分为四个div设计

你先把左边的图片作为一个div，然后把右边的所有作为一个div（这两个都float:left)；

接着最上面的文字不float；

然后下面的文字和图片，都float:left就好了

分享标题：css层叠样式表右边界,css层叠样式表的基本特征
分享网址：http://lswzjz.com/article/phjoio.html