最近看短视频,看到一个微信的朋友圈的图片上面有个广告招租的文字,觉得挺好玩的,博主就想找美工朋友帮忙制作一下这张图,无奈美工小伙伴,脾气比较大,博主无果后,就自己用HTML画了出来记录一下,代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
position: absolute;
left: 350px;
}
.itm {
background-color: black;
width: 414px;
height: 736px;
position: relative;
}
p {
font-weight: bolder;
width: 100%;
font-size: 55px;
font-family: "楷体";
color: aliceblue;
position: absolute; top: 50%; right: -15%; transform: translateY(-65%);
}
</style>
</head>
<div class="itm">
<p>广告位招租</p>
</div>
</body>
</html>
效果图如下: