新闻案例

<style>
*{
    margin: 0;
    padding: 0;
}
div{
    width: 498px;
    height: 398px;
    border: 1px solid rgb(204, 204, 204);
    margin: 100px;
    padding: 42px 30px;
}
h2{
    font-size: 30px;
    border-bottom: 1px solid #ccc;
    line-height: 1;
    padding-bottom: 8px;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    font-size: 18px;
    border-bottom: dashed #ccc 1px;
    padding: 16px 30px;
    line-height: 50px;
    color: rgb(102, 102, 102);
}
a:hover{
    color: orange;
}
</style>
<div>
    <h2>最新文章/New Articles</h2>
    <ul>
        <li><a href="#">北京招聘网页设计,平面设计,php</a></li>
        <li><a href="#">体验javascript的魅力</a></li>
        <li><a href="#">jquery世界来临</a></li>
        <li><a href="#">网页设计师的梦想</a></li>
        <li><a href="#">jquery中的链式编程是什么</a></li>
    </ul>
</div>
新闻案例插图
© 版权声明
THE END
喜欢就支持一下吧
点赞7赞赏 分享
评论 抢沙发

请登录后发表评论