CSS美化select表单边框

这个没有什么技术含量,也没有什么大的价值,不过既然想到了就写到这里.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
< HEAD >
< TITLE >  New Document  </ TITLE >
< META  NAME ="Generator"  CONTENT ="EditPlus" >
< META  NAME ="Author"  CONTENT ="" >
< META  NAME ="Keywords"  CONTENT ="" >
< META  NAME ="Description"  CONTENT ="" >
< style  type ="text/css" >
#a
{
    border
: 1px dotted #ccc ;
    width
: 118px ; height : 19px ;
    display
: block ; overflow : hidden
}

#b
{
    width
: 120px ; position : relative ;
    top
: -2px ; left : -2px ;
}
</ style >
</ HEAD >

< BODY >
< div  id ="a" >
< select  name ="test"  id ="b" >
< option  value =1 > select1 </ option >
< option  value =2 > select2 </ option >
< option  value =3 > select3 </ option >
< option  value =4 > select4 </ option >
< option  value =5 > select5 </ option >
</ select >
</ div >
</ BODY >
</ HTML >

你可能感兴趣的:(html,css,div,border,generator)