• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

怎么用html和css做出色块

怎么用html和css做出色块

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

Test*{margin:0px;padding:0px;}header{width:800px;height:80px;background:#3567AC;margin:0pxauto;text-align:center;line-height:80px;}section{width:800px;height:600px;margin:0pxauto;text-align:center;}section>div{float:left;}section>div:first-child{height:600px;width:150px;background:#E3912B;}section>div:nth-child(2){height:600px;width:650px;}section>div:nth-child(2)>div:first-child{height:250px;width:650px;}section>div:nth-child(2)>div:first-child>div{float:left;}section>div:nth-child(2)>div:first-child>div:first-child{width:300px;height:250px;background:#DA4D44;}section>div:nth-child(2)>div:first-child>div:nth-child(2){width:350px;height:250px;background:#3DBBD1;}section>div:nth-child(2)>div:nth-child(2){height:350px;width:650px;}section>div:nth-child(2)>div:nth-child(2)>div{float:left;}section>div:nth-child(2)>div:nth-child(2)>div:first-child{width:230px;height:350px;background:#C4D960;}section>div:nth-child(2)>div:nth-child(2)>div:nth-child(2){width:190px;height:350px;background:#538FCE;}section>div:nth-child(2)>div:nth-child(2)>div:nth-child(3){width:230px;height:350px;background:#EDA948;}footer{width:800px;height:80px;background:#578AC1;margin:0pxauto;text-align:center;line-height:80px;}header

1


2


3



4


5


6




footer

就是这样的。望采纳

使用道具 举报

发新帖

发布任务需求已有1031289位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!