目 录CONTENT

文章目录

[html] 语法-链接卡片的制作

TenTh0usand
2024-04-16 / 0 评论 / 0 点赞 / 68 阅读 / 0 字
温馨提示:
本文最后更新于2024-04-16,若内容或图片失效,请留言反馈。 部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

html 语法-链接卡片的制作

效果

Card Background Example

代码

<div class="card">
  <div class="card-body">
    <h5 class="card-title">Card Title</h5>
    <p class="card-text">Some text goes here.</p>
    <a href="#" class="btn btn-primary">Read More</a>
  </div>
</div>
Card Title

Some text goes here.

Read More
<a href="http://tenthousand.cn">
  <div class="card">
    <div class="card-body">
      <h5 class="card-title">卡片标题</h5>
      <p class="card-text">卡片内容</p>
	<p align="right">      
	<a href="https://baidu.com" class="btn btn-primary">更多信息(跳转到另一个链接)</a></p>
    </div>
  </div>
</a>

原文:
20240416-HTML 实现完全可点击的 Bootstrap 卡片 _ 极客教程-31

0

评论区