wordpress文章内容页下载风格HTML源码

效果图：

网页在线运行：

网页源码在线运行地址：http://zouni.run/

CSS源码：

.down_link {
    background: none repeat scroll 0 0 #FFFCEF;
    border: 1px solid #FFBB76;
    border-radius: 2px;
    color: #DB7C22;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.down_link p{
    font-size: 14px !important;
    font-family: 'Microsoft Yahei' !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
}
.downbtn {
    background: none repeat scroll 0 0 #1BA1E2;
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    margin: -4px 20px 0 0;
    padding: 8px 30px;
    text-transform: none;
    text-decoration: none;
}

.downlink a:link {
    color: #ffffff;
}

.downlink a:visited {
    color: #ffffff;
}

.downlink a:hover {
    color: #ffffff;
}

.downlink a:active {
    color: #ffffff;
}

.downbtn {
    background: none repeat scroll 0 0 #1BA1E2;
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    margin: -4px 20px 0 0;
    padding: 8px 30px;
}

.yanshibtn {
    background: none repeat scroll 0 0 #d33431;
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    margin: -4px 20px 0 0;
    padding: 8px 30px;
    text-transform: none;
    text-decoration: none;
}

.downbtn:hover, .yanshibtn:hover {
    background: none repeat scroll 0 0 #9B59B6;
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF !important;
    cursor: pointer;
    font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    margin: -4px 20px 0 0;
    padding: 8px 30px;
}

.downbtn a:hover, .yanshibtn a:hover {
    background: none repeat scroll 0 0 #9B59B6;
    border: 0 none;
    border-radius: 2px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Open Sans", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", Arial, Verdana, Tahoma, sans-serif;
    font-size: 14px;
    margin: -4px 20px 0 0;
    padding: 8px 30px;
}

HTML源码

<div class="down_link"><p><strong>下载地址：</strong></p>
        <p></p>
        <p>文件名称：wordpress热门主题下载汇总(持续更新)</p>
        <p style="position:relative;">文件大小：点击下载查看<span style="position:absolute;left:40%;">适用版本：云盘下载</span></p>
        <p style="position:relative;">更新日期：2020-08-23<span style="position:absolute;left:40%;">是否收费：免费</span></p>
        <p class="downlink"><strong><a class="downbtn" rel="external nofollow noopener noreferrer"
                                       title="ThinkPHP开发教程全套" href="http://tencent.yundashi168.com/536.html"
                                       target="_blank">点击下载</a> </strong></p>
        <p></p>
</div>

原文地址：http://tencent.yundashi168.com/646.html