1，新建一个html文件，命名为test.html ，用于介绍如何用css改变下拉框select样式。
2，在test.html页面，使用div创建一个模块，设置其class属性为select1，用于下面对该类名进行样式布局。
3，在div模块内，使用select标签创建一个下拉选择框，下拉列表是三个颜色的选择。
4，使用css对div进行样式布局，设置其宽度为298px ，高度为60px，并给它一个透明的背景颜色，设置其为圆角边框。
5，使用css对select下拉框进行样式的设置，设置其宽度为300px(比外层的div宽度大一点，效果更加好看)，高度为100%。
6，再使用css对select下拉框的细节进行设置，设置其背景透明（background: transparent），无边框（border: none），左内边距为10px（padding-left: 10px），边框为圆角（border-radius: 10px），字体为微软雅黑（font-family: "微软雅黑"）。
7，在浏览器运行test.html文件，查看select样式框的美化效果。
@ html如何给文字加有渐变边框？
1.首先大家打开开发工具，大家新建一个【HTML文档】
2.其次大家输入HTML部分代码，并添加绑定class
3.给HTML 表情绑定的class设置基础样式
4.编辑渐变边框样式！（颜色值可以根据自己的需求来设置）
5.编写代码好后，大家打开浏览器来看看效果。
@ html中的虚线是怎么做的？
1.建立一个div标签，然后对他添加修饰，设置宽高、边缘设置以及居中设置
2.看现在效果。
3.如果大家想要将实线变成虚线的 ，大家要修改代码中的border值，在border值属性中有个solid属性，这个就是实体的意思。
4.在border属性中有很多的属性，第一个dashed就是虚线的意思。
5.然后大家将之前的实体改成为dashed虚线值，然后保存。
6.这时候偶么就会将之前的实体线变成了虚线框了。
7.如果想要将直角的框变成圆角的或者直接是圆形框，需要调节border-radius属性，也就是圆角值设置。
8.效果明显
9.看下dotted属性效果。
10.将其换成点状态，效果也是虚线状图案。
@ radius教程？
现在有了 CSS3 的 border-radius 特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性。 既然 border-radius 有这么多好处，大家就从他的语法，属性和属性值等方面来看其如何应用，又是如何制作圆角，还有就是除了制作圆角他还能制作什么？有这么多，那大家就开始吧： 基本语法： border-radius ： none
