目前,网页页面制做和建网站变成人人必须把握的专业技能,网编也从各层面获得要求说,之前有过PS的新手入门实例教程,如今能不可以做1个DW的新手入门实例教程。那末从今日刚开始,网编将用1些時间,为大伙儿带来DW的新手入门实例教程。要是能坚持不懈,你也能变成高手。
1、自然,假如大家要细分body,最先就要从body-l刚开始细分。
2、各自键入编码:
<div class="body1"></div>
<div class="body2"></div>
3、随后大家键入文本,即将对div开展界定。界定自然在main文档中开展。
4、接下来便是界定宽和高这些基础的物品了,大家以前基础都说过。立即上编码:
.body1{font-size:12px;color:#FFF;width:220px;height:240px;background-color:#666}
5、看看实际效果,假如大家必须两个div分对外开放置,应当如何开展编写呢?实际上较为简易,只必须1行编码:
margin-top:10 px
6、键入编码后,大家会看到,两个div刚开始隔开起来。右边自然也是一样的实际操作方式。
7、大家刚开始取名body2
8、随后在main中界定它的款式特性。界定句子以下:
.body2{font-size:12px;color:#FFF;width:354px;height:240px;background-color:#666;margin-top:10px;float:left;margin-left:10px;}
9、看下实际效果吧。
有关强烈推荐:
DW怎样制做1个简易的竖直导航栏?
Dreamweaver制做网页页面的情况下如何界定行为主体div?
dreamweaver中如何互动图象? dw制做电脑鼠标历经图象换图的实例教程