效果如图:
<style type="text/css">*{ padding:0; margin:0;}table{ border-collapse:collapse; background:#0C9;}th{ width:50%; padding:5px 3px;}td{ padding:5px 3px;}td p{ text-indent:2em;}table th,table td{ border:2px solid #FFF;}.space{ border:2px solid #009; width:500px; margin:20px auto;}.space h3{ height:24px; line-height:24px; background:#03C; color:#FFF; margin:2px 2px 0 2px; padding-left:20px;}</style><div class="space"> <h3>本站导航</h3> <table width="100%"> <tr> <th scope="col">网页制作</th> <th scope="col">留言板</th> </tr> <tr> <td><p>这是一个讲述网页制作方面的栏目,着重讲述了网页制作的一般技能和方法。</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/ai/1762">
<img src="https://img.php.cn/upload/ai_manual/000/000/000/175680353096230.png" alt="比格设计">
</a>
<div class="aritcle_card_info">
<a href="/ai/1762">比格设计</a>
<p>比格设计是135编辑器旗下一款一站式、多场景、智能化的在线图片编辑器</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="比格设计">
<span>124</span>
</div>
</div>
<a href="/ai/1762" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="比格设计">
</a>
</div>
</td> <td>请留下您的金言。</td> </tr> <tr> <th scope="col">网页制作</th> <th scope="col">留言板</th> </tr> <tr> <td><p>这是一个讲述网页制作方面的栏目,着重讲述了网页制作的一般技能和方法。</p></td> <td>请留下您的金言。</td> </tr> </table></div>
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号