用css 美化下拉列表

html-css06

用css 美化下拉列表,第1张

div+css是将网页美工和内容想分离的过程，div只能在代码上进行编辑。dw有辅助编辑css的过程，不过帮助不大，也就是让你剩下一个写常用代码的时间。

div+css需要你做网站初期有一个整体的布局。

然后利用css代码去实现他

第一步你应该对html的语言有所了解

如果html语言都不能看懂的话

css 里面的一些项目属性基本都是沿用html语言来的。html语言网上很多的教程

基本都是一样的东西。

第二部就是对css的学习，建议从进本学起。最好找一个视频类的学习。我是看的前沿科技的视频 地址在这里

希望你可以全部完整的看一遍，css其实就是把网页内容和网页美工相分离的一个过程。

这个学习的过程很重要哦 。。。

1、css没有办法实现美化select下拉框的。不管怎么设定都没有用的

2、可以通过div+css+jq自己模拟一款css

<div class="select">

<div class="select_default"></div> <!--这边是默认展示我们选中的框-->

<ul class="select_item"> <!--实则所有的下拉选项隐藏了，在这个ul中-->

<li>Complex</li>

<li>Knowledge</li>

<li>Case</li>

<li>Article</li>

<li>News</li>

</ul>

</div>

然后结合jq语法，实现点击出现下拉，点击下拉吧文本赋值到div里头

3、网络搜索下拉框美化插件。

css设置下拉列表(select)样式首先我们需要获取到这个元素的id或者是class，然后在通过给这个元素设置它的width和height等等一些样式，具体的看代码: .div1{ width:600pxheight:200pxfont-size:13px} .div select{ width:200px} .div sel...