我想在自举卡中的图像和卡体之间有边框。我有一个CSS如下 -card-img-top和卡体之间的边界
.card{
border-width: 6px;
border-color: rgb(255, 255, 255);
border-radius: 0;
background-color: transparent;
}
.card-body{
border-top-width: 5px;
border-top-color: rgb(255, 255, 255);
border-radius: 0;
color: rgb(255, 255, 255);
text-align: center;
}
HTML的
<div class="col-md-4">
<div class="card">
<img class="card-img-top" alt="Depression" src="images/depression.jpg">
<div class="card-body">
<h3 class="card-title">DEPRESSION</h3>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
我want-
什么我Getting-
所有帮助表示赞赏,谢谢。
和HTML标记是什么? – panther