CSS 样式

1.ASP.NET 中实现TextBox显示下划线的效果
可以使用CSS样式表来控制:

<style type="text/css">
.myline 
{ BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-BOTTOM: #000000 1px solid }
</style>
<asp:TextBox id="TextBox1" runat="server" CssClass="myline"></asp:TextBox> 

2.凹下去的字

< div  style ="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:#eeeeee;" >
    
< font   disabled > 我凹下去了吧? </ font >
</ div >

 3.使用js产生虚线

     < script >
        len
= 400 ;d1 = 12 ;d2 = 2 ; cou = Math.floor(len / (d1 + d2));
        document.write('
< table cellspacing = 0  cellpadding = 0  height = 1  width = ' + len + ' >< tr > ');
        
for (i = 0 ;i < cou;i ++ )
        
{
            document.write('
<td width='+d2+'/><td width='+d1+' bgcolor=333333 />')
        }

        document.write('
</ tr ></ table > ');
    
</ script >

说明:len=400表示虚线的长度为400像素,d1和d2是黑白相间的间隔,cou=Math.floor(len/(d1+d2)),cou表示总共要循环的次数。例如这里是400像素的虚线,黑色点和白色的点都是2像素,那么就要循环100次。由这200个单元格组成一条虚线。例2:d1=6;d2=3 例3:d1=1;d2=1例4:d1=3;d2=3;height=3;bgcolor=BBBBBB例5:d1=3;d2=3;height=3;bgcolor=B1CD9D例6:d1=4;d2=3;height=2;bgcolor=819DC5;width=500例7:d1=2;d2=2;bgcolor=FF0000

你可能感兴趣的:(css)