DW教程:Dreamweaver基础教程Dreamweaver设计网页之主体的细分技巧

 2016年12月25日 |  0 条评论 |   429

现如今,网页制作以及建站成了人人需要掌握的技能,我们经常使用Dreamweaver设计网页,下面我们就来看看比较基础的关于Dreamweaver主体的细分技巧,很简单的知识,需要的朋友可以参考下。

1、当然,如果我们要细分body,首先就要从body-l开始细分。

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

2、分别输入代码:

 <div class=”body1″></div>

<div class=”body2″></div>

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

3、然后我们输入文字,将要对div进行定义。定义当然在main文件中进行。

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

4、接下来就是定义宽以及高这些基本的东西了,我们之前基本都说过。直接上代码:

.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

5、看看效果,如果我们需要两个div分开放置,应该怎么样进行编辑呢?其实比较简单,只需要一行代码:

margin-top:10 px

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

6、输入代码后,我们会看到,两个div开始分隔开来。右侧当然也是同样的操作方法。

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

7、我们开始命名body2

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

8、然后在main中定义它的样式属性。定义语句如下:

.body2{font-size:12px;color:#FFF;width:354px;height:240px;background-color:#666;margin-top:10px;float:left;margin-left:10px;}

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

9、看下效果吧。

Dreamweaver基础教程:Dreamweaver设计网页之主体的细分技巧

Dreamweaver注释怎么设置快捷键?dw设置注释快捷键的教程
DW滤镜样式的语法规则
DW制作网页中可以随便拖动的对象是怎么建立的?
DW做网站怎样设置根据不同的浏览器,返回不同的页面?
DW制作网页如何制作一个边框为1的方格?

文章字数统计:733 | 百度已收录

  |  Dreamweaver  


微部落博客编辑整理发布,如有侵犯您的版权,请提供相关版权证明,博主将立即删除。
·博客大全  博客网址之家  博客导航  来路IP首页展示!   ·免费收录  ·免费推广你的博客   114.vprol.com
如果本文对您有用就 打个赏吧微信 OR 支付宝 扫描二维码
pay_weixin     pay_weixin
金额随意,您的支持是我的动力~

草根站长,博客导航,博客大全,博客网站,增加网站流量
回复 取消

欢迎评论发言,灌水及广告评论将被定期删除!