网页设计中图文混排

最新推荐文章于 2022-10-15 20:38:10 发布

buzhang1314

最新推荐文章于 2022-10-15 20:38:10 发布

阅读量2k

点赞数 1

分类专栏： html+css+div 文章标签：网页中图文排版网页排版

本文链接：https://blog.csdn.net/buzhang1314/article/details/38690771

版权

html+css+div 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>图文混排</title>
<style>
/*------------右边草原概况开始------------*/

.cygkrB{
width:765px;
height:600px;
font-size:12px;
}
.cygkrB ul{
list-style:none;
}
.cygkrB ul li{
width:208px;
height:253px;
border:#D8D8D8 1px solid;
float:left;
margin-left:22px;
margin-top:30px;
padding:7px;
}
.cygkrB ul li img{
}
.cygkrB ul li p{
line-height:24px;
}
.cygkrB ul li p a{
display:block;
color:#018B00;
font-weight:bold;
}
.cygkrB ul li p span{
color:#FF0004;
font-size:14px;}
.cygkrB ul li p span em{
font-size:18px;
}
/*------------右边草原概况结束------------*/
</style>
</head>

<body>

<div class="cygkrB">
<ul>
<li><a href="#"><img src="images/threea1.png"></a>
<a href="#">草原，口岸，民俗原生态4日游...</a>海拉尔—呼伦贝尔草原(50公里1小时)—满洲里(150公里2小时)... 一团一议，为您量身订制66 RMB
</li>
<li>
<a href="#"><img src="images/threea2.jpg"></a>
<a href="#">草原，口岸，民俗原生态4日游...</a>海拉尔—呼伦贝尔草原(50公里1小时)—满洲里(150公里2小时)... 一团一议，为您量身订制66 RMB
</li>
<li>
<a href="#"><img src="images/threea3.jpg"></a>
<a href="#">草原，口岸，民俗原生态4日游...</a>海拉尔—呼伦贝尔草原(50公里1小时)—满洲里(150公里2小时)... 一团一议，为您量身订制66 RMB
</li>
<li>
<a href="#"><img src="images/threea4.jpg"></a>
<a href="#">草原，口岸，民俗原生态4日游...</a>海拉尔—呼伦贝尔草原(50公里1小时)—满洲里(150公里2小时)... 一团一议，为您量身订制66 RMB
</li>
<li>
<a href="#"><img src="images/threea5.jpg"></a>
<a href="#">草原，口岸，民俗原生态4日游...</a>海拉尔—呼伦贝尔草原(50公里1小时)—满洲里(150公里2小时)... 一团一议，为您量身订制66 RMB
</li>
<li>
<a href="#"><img src="images/threea6.jpg"></a>
<a href="#">草原，口岸，民俗原生态4日游...</a>海拉尔—呼伦贝尔草原(50公里1小时)—满洲里(150公里2小时)... 一团一议，为您量身订制66 RMB
</li>
</ul>
</div>


</body>
</html>

buzhang1314

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
网页设计中图文混排

图文混排/*------------右边草原概况开始------------*/ .cygkrB{width:765px;height:600px;font-size:12px;}.cygkrB ul{list-style:none;}.cygkrB ul li{width:208px;height:253px;border:#D8D
复制链接

扫一扫

专栏目录