欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > web前端

仿windows工具条样式_CSS/HTML

程序员文章站 2022-03-29 12:57:35

...

<style type="text/css"> 
.text { 
    font-family: "宋体"; 
    font-size: 12px; 
    color: #000000; 
    text-decoration: none; 
} 
</style>
<div style="position:absolute; width:expression(document.body.clientWidth);height:20;z-index:1;left:0;top:0">  
  <table width="100%" height="20" border="0" cellpadding="0" cellspacing="0">
<tr style="background:menu">
<td width="0%" style="background:threedshadow"></td>         
     <td width="0%" style="background:threedhighlight"></td>         
      <td width="0%"></td>         
    <td width="1%" valign="top"> 
    <table width="3" border="0" cellspacing="0" cellpadding="0" height="20" style="border-color:threedhighlight threedshadow threedshadow threedhighlight;border-style:solid;border-width:1px" class="text"><tr><td></td></tr></table>
</td>         
    <td width="100%" class="text"><marquee scrollamount="2">   防菜单条样式 
    </marquee></td> 
     </tr>
<tr style="background:threedshadow">
<td height="1" colspan="5"> 
    </td>     
     </tr>
<tr style="background:threeddarkshadow">
<td height="1" colspan="5"></td> 
     </tr>
</table>
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签：仿windows工具条样式

上一篇：用php实现真正的连动下拉列表_PHP

下一篇： css实现气泡框效果(实例加图解)_CSS/HTML

推荐阅读