admin 管理员组

文章数量: 1184232

效果图

在Html Table 表格中 画斜线  分 文字和斜线 两部分实现

文字部分 

<th class="row-0" style="width:150px;height:50px;" >
    <div class="biaotou">
         <div class="biaotoutxt1">转单办事处</div>
         <div class="biaotoutxt2">接单办事处</div>
    </div> 
</th> 
<style>
    .biaotou {  
        line-height: 5px;
        text-align: left;
       /*  用背景图片 方式 有斜线 也是可以的
        background: rgba(0, 0, 0, 0) url("${base}/images/tab_bg.jpg") no-repeat scroll 0 0;
        height: 51px;
        width: 131px;*/
    }
    .biaotoutxt1 {
        color: #FFFFFF;  /* 文字颜色  */
        padding: 1px 0 0 65px; /* 文字位置  需要手调  */
    }
    .biaotoutxt2 {
        color: #FFFFFF;
        padding: 15px 0 0 5px;
    }
</style>

斜线部分

本文标签： 添加巧妙 设计进阶 编程

版权声明：本文标题：HTML Table设计进阶：添加巧妙斜线的步骤 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/p/1772187737a3553101.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。