点击上方 前端瓶子君，关注公众号
回复算法，加入前端编程面试算法每日一题群
HTML
个人资料图片
然后，我们将样式添加到个人资料图像。还有一些简单的悬停效果。
现在，我们应该看到卡中的一些重大更改。它正在变成很酷的东西。
卡体设计
该card-body内容包含姓名，电子邮件和专业。我们将为每个样式添加不同的样式。当然还有一些悬停效果。
更改后，卡片样式如下图所示。
添加社交链接信息
现在，我们为卡片添加自定义社交链接。我们已经font-awesome在HTML中使用了图标。我们将使用CSS修改一下图标样式，让其变得更漂亮。
添加页脚样式
我们将通过一些媒体查询来完成我们的设计。
结论
最后
本文分享自微信公众号 - 前端瓶子君（pinzi_com）。
如有侵权，请联系 [email protected] 删除。
本文参与“OSC源创计划”，欢迎正在阅读的你也加入，一起分享。