CSS样式问题!急!高分!

来源：百度知道 编辑：UC知道 时间：2024/05/25 01:09:07
我是CSS初学者,一个问提弄了我N久:
看见百度知道的绿色的边框了吗?我就是不会弄,我用Dreamweaver 8直接在文本框属性里设置的话会比正常的要粗,据说这种较细的边框要用CSS样式来做,请哪位高人把这种边匡的原CSS代码贴出来,最好在解释一下怎么用~~~小弟在这里先谢过了!高分~~50!完美的话再追加!!再次感谢!!!

你在<input type="text" name="textfield" style="border:1px solid #006600" />应该没什么问题的

把下面的内容粘贴到你的源代码里面测试一下吧.
<style>
#myinput{border:1px solid green; width:250px; height:20px}
.myinput2{border:1px solid green; width:250px; height:20px}
/*green你应该明白是什么意思吧,那就是绿色喽,后面的width,height,就是长宽的意思了*/
/*还有就是这里面的东西就是css的注释喽!*/
/*给第三个input定义id样式*/
#ceshi{border:1px solid #000}
/*给第三个input定义class样式*/
.ceshi{border:1px solid blue}
</style>
这是第一个input,使用了id的方法:
<input type="text" name="baidu" id="myinput">
<br/>
这是第二个input,使用class的方法:
<input type="text" name="baidu2" class="myinput2">
<br/>
两种方法都能达到你的效果,但是两种方法是有区别的,那就是id的优先级比class高,来一个测试:
<br/>
<input type="text" name="baidu3" class="ceshi" id="ceshi">
<br/>
这