用table标签做一个简单的登录界面，同时倒入外部css工具/原料moredreamweaver 8.0方法/步骤1/9分步阅读

新建一个html文件，命名为login.html，保存在文件夹page中；

步骤：打开dreamweaver，单击“文件”，选择“新建-》HTML”, 单击“创建”，即可；如图所示：

2/9

在login.html中插入一个div标签，在div标签中添加一个table标签，创建一个简单的登录界面，如图所示；

3/9

给table标签添加样式，table的样式名为class=“ltab”，如图：

4/9

创建一个css样式，命名为tab.css，保存文件夹page中，作为login.html的外部样式；

步骤：单击“文件”，选择“新建-》基本页-》CSS”, 单击“创建”，即可；

如图：

5/9

在login.html中导入外部样式的方法：

1、直接在head/head标签中添加：

link href=tab.css rel=stylesheet type=text/css /

2、打开login.html，将鼠标放在table class=ltab中，此时在下方的属性框中出项“类(C)”，在“类(C)”中选择“附加样式表”，如图：

6/9

单击“附加样式表”，弹出“链接外部样式”窗口，如图：

7/9

单击“浏览”，按存储css的路径，找到文件tab.css，修改对应的“URL”名称，如图所示：

8/9

单击“确定”，即可倒入css文件，效果如图：

9/9

打开tab.css文件，给表格添加样式，单击“保存”，即可在login.html中看到效果，如图所示，很方便；