CSS 用户信息卡片
引用示例
点击运行
自动执行
HTML 教程
JavaScript 教程
HTML
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css"> <h2 style="text-align:center">用户信息卡片</h2> <div class="card"> <img src="https://tools.jiyik.com/demo_source/img_avatar.png" alt="John" style="width:100%"> <div class="container"> <h1>John Doe</h1> <p class="title">CEO & Founder, Example</p> <p>Harvard University</p> <div style="margin: 24px 0;"> <a href="#"><i class="fa fa-dribbble"></i></a> <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-linkedin"></i></a> <a href="#"><i class="fa fa-facebook"></i></a> </div> <p><button>Contact</button></p> </div> </div>
CSS
JAVASCRIPT
嵌入代码
