dreamweaver 做一个登录界面,同时添加css样式

作者:落知秋 | 创建时间: 2023-04-13
用table标签做一个简单的登录界面,同时倒入外部css...
dreamweaver 做一个登录界面,同时添加css样式

操作方法

新建一个html文件,命名为login.html,保存在文件夹page中; 步骤:打开dreamweaver,单击“文件”,选择“新建-》HTML”, 单击“创建”,即可;如图所示:

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

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

创建一个css样式,命名为tab.css,保存文件夹page中,作为login.html的外部样式; 步骤:单击“文件”,选择“新建-》基本页-》CSS”, 单击“创建”,即可; 如图:

在login.html中导入外部样式的方法: 1、直接在<head></head>标签中添加: <link href="tab.css" rel="stylesheet" type="text/css" /> 2、打开login.html,将鼠标放在<table class="ltab">中,此时在下方的属性框中出项“类(C)”,在“类(C)”中选择“附加样式表”,如图:

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

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

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

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

点击展开全文

更多推荐