zoukankan      html  css  js  c++  java
  • 表格、链接、按钮等不错的样式

    html, body
    {
     font-family: Arial, Helvetica, Verdana, Sans-serif;
     font-size: 15px;
     color: #8F8D8C;
     background: #ffffff;
    }
    a
    {
     color: #000000;
     text-decoration: none;
    }
    a:visited
    {
     color: #000000;
     text-decoration: none;
    }
    a:hover
    {
     color: #000000;
     text-decoration: underline;
    }
    a:active
    {
     color: #000000;
     text-decoration: none;
    }
    img
    {
     border: 0;
    }

    table
    {
     table-layout: auto;
     border-collapse: collapse;
     border: 1px solid #666666;
    }
    .btn {
     border-right: #7b9ebd 1px solid; padding-right: 2px; border-top: #7b9ebd 1px solid; padding-left: 2px; font-size: 12px; filter: progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr=#ffffff, endcolorstr=#cecfde); border-left: #7b9ebd 1px solid; cursor: hand; color: black; padding-top: 2px; border-bottom: #7b9ebd 1px solid
    }
    .tdBg1
    {
     background-color:#84adc1;
     font-weight:bold; 
     color:White;
     height:23px;
     text-indent:2em;
    }
    .tdBg2
    {
     background-color:#fff;
    }

    -----------------------------------------------------------------------------
      <table border="1" cellpadding="1" style="border-collapse: collapse" cellspacing="0" width="100%">
                <tr class="tdBg1">
                    <td colspan="2">
                        栏目管理:
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <asp:Label ID="lblHeader" runat="server" Text="添加栏目" Width="102px"></asp:Label></td>
                </tr>
                <tr>
                    <td class="tdBg2" style=" 80px;">
                        名称:</td>
                    <td>
                        <asp:TextBox ID="tbColumn" runat="server" Width="168px"></asp:TextBox>
                        排序:<asp:TextBox ID="txt_seqID" onKeypress="ValInt();" runat="server" Width="26px">1</asp:TextBox>
                        审核<asp:CheckBox ID="Ckb_Passer" runat="server" /></td>
                </tr>
                <tr>
                    <td class="tdBg2">
                        父类:</td>
                    <td>
                        <asp:DropDownList ID="ddlColumn" runat="server" Width="174px" />
                    </td>
                </tr>
                <tr>
                    <td class="tdBg2">
                    </td>
                    <td>
                        <asp:Button CssClass="btn" ID="btnOK" runat="server" Text="确定" OnClick="btnOK_Click" />
                        <asp:Button CssClass="btn" ID="btnDel" runat="server" Text="删除" OnClick="btnDel_Click"
                            Visible="false" OnClientClick="return confirm('确认要删除吗?')" />
                        <asp:Button CssClass="btn" ID="btnModify" runat="server" Text="更新" OnClick="btnModify_Click"
                            Visible="false" />
                        <asp:Button CssClass="btn" ID="btnCancel" runat="server" Text="取消" OnClick="btnCancel_Click" />
                        <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label>
                    </td>
                </tr>
            </table>
  • 相关阅读:
    《Kubernetes权威指南第2版》学习(四)kubernetes基本概念和术语
    《Kubernetes权威指南第2版》学习(三)RC学习
    HTTP 1.1 的HOST 与 虚拟IP(待续)
    HTTP 2 VS HTTP 1.1
    HTTP 的若干问题
    HTTP 协议入门(转载)
    java web 基础 json 和 javaBean转化
    java web基础学习 Forward和Redirect区别
    【雅思】金山词霸-单词学习(41-80)
    【数据库】left join(左关联)、right join(右关联)、inner join(自关联)的区别
  • 原文地址:https://www.cnblogs.com/gdjlc/p/2086964.html
Copyright © 2011-2022 走看看