HTML小制作之卡片


<!doctype html>

<html lang="en">
<head>
<meta charset="UTF-8">
<title>卡片</title>


<style>
*{margin: 0;padding: 0;}
.wrap
{
width: 600px;
height: 400px;
background-image: url(https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=920673963,342124957&fm=23&gp=0.jpg);
background-size: cover;
background-position: center center;
margin: 100px auto;
padding: 100px;
text-align: center;
}


.main
{
margin: 100px auto;
padding: 70px;
background-image: url(1.png);
background-position: center;
background-size: cover;
width: 250px;
height: 170px;
transform: rotate(-30deg);
}
.main p 
{
font-size: 20px;
}
</style>


</head>
<body>
<div class="wrap" >
<div class="main">
<br>
<br>
<p>落霞与孤鹜齐飞</p>
<p>秋水共长天一色</p>
<br>
<span>-----腾讯小白</span>
</div>
</div>
</body>
</html>
©️2020 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值