web前端卡片样式_css完成卡片式图片结果_WEB前端开发

起首我们来看一下结果图：

(引荐教程：CSS教程)

html代码：

突破企业间壁垒，供应便利的接入体式格局，完成不企业，差别品牌、差别范例间的家电的数据互联互通和数据协同

css代码：

.card img {

width: 100%;

}

.card{

height: 270px;

width: 260px;

background-color: white;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

border-radius: 4px;

display: inline-block;

margin-left: 18px;

vertical-align: top;

}

.card span {

font-size: 12px;

color: #BFBFBF;

display: block;

letter-spacing: 2px;

padding: 30px 20px;

}

以上就是css完成卡片式图片结果的细致内容，更多请关注ki4网别的相干文章！

收藏 | 0