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>
.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>
<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;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