十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
一、选择“div标签”命令
目前创新互联公司已为近千家的企业提供了网站建设、域名、网站空间、绵阳服务器托管、企业网站设计、韶关网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
打开dreamweaver,新建网页并保存为“die.html”,选择【插入】【布局对象】【div标签】命令,打开“div标签”对话框。
二、输入div标签名称
1、在“ID”列表框中选择“top”
2、单击“新建css规则”按钮准备进行css规则定义
三、新建css规则
在打开的对话框中保持默认设置,单击“确定”按钮进行css规则新建。
四、设置属性
1、在“分类”列表框中选择“方框”选项。
2、在窗口右侧进行css规则定义,其中margin值的设置非常重要,“left”及“right”为auto,则可让div页面水平居中。
3、单击“确定”按钮。
五、创建div按钮
返回“插入div标签”,单对话框,单击“确定”按钮,完成div标签的插入
六、查看创建的div
将鼠标光标定位在div,即可想编辑普通网页一样完成文本的编辑及图像等内容的添加。
固定尺寸就好做
div style="background-color:#CCCCCC; width:200px; height:200px; position:relative;"
div style=" height:30px; width:120px; position:absolute; top:calc(50% - 15px); left:calc(50% - 60px); line-height:30px; background-color:#FFFFFF;"
span查找/span span替换/span span删除/span
/div
/div
br /
br /
div style="background-color:#CCCCCC; width:200px; height:115px; padding-top:85px;"
div style=" height:30px; width:120px;margin-left:40px; line-height:30px; background-color:#FFFFFF;"
span查找/span span替换/span span删除/span
/div
/div
br /
br /
div style="background-color:#CCCCCC; width:200px; height:200px;"
div style=" height:30px; width:120px; line-height:30px; float:left; margin-left:40px; margin-top:85px; background-color:#FFFFFF;"
span查找/span span替换/span span删除/span
/div
/div
这个不是样式决定的,是有 type决定的
input type="***"
type="radio" 单选按钮
type="checkbox" 复选框
下拉列表则是如下形式出现的
select name="cars"
option value="volvo"Volvo/option
option value="saab"Saab/option
option value="fiat"Fiat/option
option value="audi"Audi/option
/select
[img]你要做一个删除按钮的样式把,
input name="" type="button" value="删除" style="width:50px; height:25px; background:#06C; font-size:14px; font-family: '微软雅黑'; color:#FFF;"/
这就是一个很简单的设计按钮样式的例子,你也可以根据你自己的需求去改CSS属性,也就是style=""里面的属性
看看下面的代码
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title像文字一样的按钮/title
style
form{
margin:0px; padding:0px;
font:14px;
}
input{
font:14px Arial, Helvetica, sans-serif;
}
.txt{
border-bottom:1px solid #005aa7; /*下划线效果*/
color:#005aa7;
border-top:0px; border-left:0px;
background-color:transparent; /*背景色透明*/
}
.btn{
background-color:transparent;
border::0px; /*边框取消*/
}
/style
/head
body
form method="post"
请输入您的信息:input type="text" name="name" id="name" class="txt"
input type="submit" name="btnSubmit" id="btnSubit" value="Submit" class="btn"
/form
/body
/html