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

posted @ 2007-10-14 20:29  ant520  阅读(222)  评论(0编辑  收藏  举报