dwcc怎么设置html默认,Dreamweaver CC2018写div自适应页面布局的教程

Dreamweaver CC2018怎么写div自适应页面布局?一般网页都是固定的宽度,所以不能自适应网页窗口大小。我们可以把宽度设置为百分比,这样就可以啦。只不过需要自己算好百分比的数值,接下来小编就给大家详细的介绍一下Dreamweaver CC2018写div自适应页面布局的教程,希望大家可以学会。

9ea896aebb8d5c8a23deff982a4cb88c.png

新建完成后会默认生成网页代码

feadcc6bc49bb25bca8fe608c2cc6177.png

在head中输入引入CSS的代码style type=text/css/style

d602c6b4db92002ed4777ca43a5cd45b.png

在style中给背景添加一个背景色代码:body{background-color: #8A8A8A;}然后在body中添加一个div标签【div/div】.刷新网页后可以看到预览效果,背景变成了灰色

5d3121e2d20a771f1f69a115cbb1ed68.png

a3f94835b9f129077a67afd9ea044fba.png

给div添加一个样式,命名为mian【div class=mian/div】样式如下:.mian{width: 100%;height: 800px;background: #fff;margin: 0 auto;}刷新下可以看下效果,网页中间多了一个白色布局

5f55bc724758d4380c85bfe6255b9aca.png

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值