四种CSS链接按钮示例

作者佚名技术来源 CSS编程浏览 663 发布时间 2012-05-27

eight:24px;

    display:bolck;
    font-size: 12px;

    margin:5px;

    padding:5px;

    color:#000000;
    background:url(../img/buttonbg.jpg) norepeat left top;
    text-decoration:none;
    text-align:center;
}

#linkButtonDiv4 li a:hover{}{
    font-weight:bold;
    color:#ffffff;
    background-position:right top;
    text-decoration:underline;
}

页面HTML代码：
<body bgcolor="#cccccc">
    <div id="bodyDiv">
        <div id="header">
            <jsp:include page="/web/page/branch/header.jsp"/>
        </div>
        <div id="menubar">
            <jsp:include page="/web/page/branch/menubar.jsp"/>
        </div>
        <div id="content">
            <table border="0" width="100%" height="100%" style="table-layout:fixed;word-wrap:break-word;word-break;break-all;">
                <tr>
                    <td valign="top" width="25%">
                        <div class="contentTitle">
                            <strong>背景色切换链接按钮示例</strong>
                        </div>
                        <div id="linkButtonDiv1" class="contentConcept">
                            <ul>
                                <li><a href="#">链接按钮一</a></li>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: 解决用CSS控制DIV居中失效的问题下一篇: 门户网站与大型网站的CSS架构与组织

关于四种CSS链接按钮示例的所有评论

随机推荐