1、打开Dreamweaver cc 2014软件，选择建立html界面，里面自动生成一些必要代码的代码格式，节省时间。
2、在body标签内输入：<div class="one">最喜欢玩游戏</div>；这是图形框的代码，以及要居中的文本内容。
3、在body标签前面位置，输入：
<style>
.one{
width:400pxheight:220pxborder:red solid 1px
}
</style>
5、输入完保存，摁F12键弹出页面，可以看到图框中的文字没有居中。
6、要想文本文字居中，先加上些代码内容。
7、然后增加内容后保存，恩F12键，跳转到页面看效果，即可看到文本居中。
div是指块文字，像你要定义一块文字可以用到它。另外做层的时候也经用到它，它就是让一块东西集成为一个集合.div标签可以以类或ID附加css样式
1.类
<div class="***">……</div>
2.ID
<div id="***">……</div>
如果用id附加，那么css中应该首先创建这个ID：
如：
#abc .font {
font-family: Verdana, "宋体"
color: #FF00CC
}
其中abc就是id
可以在abc这个id下建立很多css属性，这样所有在<div id="***">……</div>这个标签中的内容将遵循abc这个id下的css属性。
你好。给你个简单的例子吧：<div
style="width:300pxheight:300pxborder:1px
solid
#cccccctext-align:center">这里是文字</div>
解释说明：
1、<div></div>是一个闭合的标签，中间写你的内容，内容可以是文字，图片、链接等等
2、<div
style="width:300pxheight:300pxborder:1px
solid
#cccccctext-align:center">是定义这个DIV的样式。
3、style
内写css样式。width是宽度，height是高度，border是边框。text-align:center是文字水平居中。
上面只是一个简单的例子，相信你应该能明白了DIV的简单局部和代码。
