企业展示区制作

最新推荐文章于 2024-02-23 10:02:33 发布

罗彬桦

最新推荐文章于 2024-02-23 10:02:33 发布

阅读量164

点赞数

分类专栏：前端文章标签： html js

本文链接：https://blog.csdn.net/weixin_45647118/article/details/112902776

版权

前端专栏收录该内容

26 篇文章 0 订阅

订阅专栏

企业展示区制作

思路： 一个大盒子，里面包裹着3个小盒子。

在这里插入图片描述

		<div class="main">
            <div class="news"></div><!--news结束-->
            <div class="course"></div><!--course结束-->
            <div class="sidebar"></div><!--sidebar结束-->
        </div><!--main结束-->

.main
{
	height:250px;
	background-color:#FFF;
}

.news
{
	width:340px;
	border:1px solid #E8E8E8;
	background-color:#9FC;
}

.course
{
	width:410px;
	border:1px solid #E8E8E8;
	background-color:#FF6;
	margin:0 7px;
}

.sidebar
{
	width:230px;
	background-color:#09F;
}

.news,.course,.sidebar
{
	height:250px;
	float:left;

}