简单的css代码2

最新推荐文章于 2023-12-15 08:56:02 发布

zhanghaibing0903

最新推荐文章于 2023-12-15 08:56:02 发布

阅读量309

点赞数

本文链接：https://blog.csdn.net/zhanghaibing0903/article/details/40020567

版权

<!DOCTYPE html>
<html>
<head>
<title>homework1</title>
<meta chatset="utf-8"/>
<style type="text/css">
.bg{
width: 347px;
height: 417px;
background-color: white;
font-family: calibri;
text-align: center;
margin: auto;
}
.div1{
background-color: #4FC0E8;
height: 100px;
border-bottom: solid #3AADDC 3px;
}
.bt1{
background-color: #4FC0E8;
height: 135px;
width: 150px;
border-radius: 100%;
border: none;
border-bottom: solid #3AADDC 3px;
}
.div2{
color: #44CBE9;
font-size: 22px;
margin-top: 55px;
font-weight: bold;
}
.div3{
color: #B5B8BD;
margin:15px;
text-align: left;
line-height: 24px;
font-size: 16px;
}
.div4{
background-color: #4FC0E8;
height: 76px;
border-bottom: solid #3AADDC 4px;
line-height: 76px;
font-size: 22px;
color: white;
font-weight: bold;
}
</style>
</head>
<body>
<div class="bg">
<div class="div1">
<button class="bt1"><img src="homework1/radio.png"></button>
</div>
<div style="height:180px;">
<div class="div2">LOREM IPSUM DOLOR</div>
<div class="div3">Quisque posuere risus erat at scelerisque felis pulvinar quis. Maecenas arcu lorem, laoreet at dui in,hendrerit mattis mi.Sed eu vehicula lectus felis pulvinar quis. Maecenas arcu lorem, laoreet at posuere risus erat.</div>
</div>
<div class="div4">LOAD MORE</div>
</div>
</body>
</html>

zhanghaibing0903

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的css代码2

homework1.bg{width: 347px;height: 417px;background-color: white;font-family: calibri;text-align: center;margin: auto;}.div1{background-color: #4FC0E8;height: 100px;border-b
复制链接

扫一扫