<cite id="75hp5"></cite>
<cite id="75hp5"><video id="75hp5"><menuitem id="75hp5"></menuitem></video></cite>
<var id="75hp5"></var>
<cite id="75hp5"></cite>
<cite id="75hp5"><video id="75hp5"><menuitem id="75hp5"></menuitem></video></cite>
<var id="75hp5"></var>
<cite id="75hp5"></cite>
<cite id="75hp5"><video id="75hp5"><menuitem id="75hp5"></menuitem></video></cite>
<var id="75hp5"></var>
logo网站设计成都建网站
成都网页设计网站制作建网站
首页 | 网站报价中心 | 网站优化推广 | 网页设计技术 | 行业资讯 | 域名主机常识 | 经典案例欣赏 | 网站建设方案 | 行业网特点 | 常见问题 | 美工设计
您当前的位置:成都网站设计工作室 -> 文章中心 -> 网站建设 -> 网页设计技术 -> 文章内容  
网站建设套餐

企业模板型 680元
服务内容
标准个人系列Ⅰ型+.国际顶级域名
主机空间:100Masp动态空间
精美页面:模板建站或20页以内静态页面
网站?椋汗窘樯、新闻发布、产品展示、在线订购、留言版、人才招聘、计数器
网站特点:网站风格简洁明快,符合中小企业形象要求。功能紧凑实用,可

功能建站型 1480元-1980元
服务内容:200M/ASP空间,企业邮局(5个邮箱自由分配),.COM/.NET/.CN国际域名一个
制作形式:由我们专业技术和美工为您个性设计,使您的网站独一无二!架设栏目,添加非后台更新内,Access数据库,ASP程序,独立空间,强大后台,支持200-500人同时在线
网站功能:公司介绍,公司动态新闻,公司图片栏目,公司产品库,产品在线订购,会员注册功能,公司招聘,客户留言,联系我们,等栏目;提供强大后台可由客户随意制订,修改,添加,删除

高级建站型 2380元-4260元
服务内容:300M-500/ASP空间,企业邮局(5-30个邮箱自由分配), .COM/.NET/.CN/.COM.CN/.NET.CN国际域名一个,SQL(或Access数据库)制作专业高速安全的ASP或ASP.net程序,独立空间,强大后台,支持500-1000人同时在线
简单说明:(房产,家教,大型文章系统,房地产客户信息管理系统,旅游机票,火车票等预定系统,票务在线系统 ,网络办公OA系统 ,CRM客户资源管理系统,企业进销存系统,客户售后服务管理系统跨国公司产品展示系统,政府采购系统,学?际韵低--填空题考试系统,大型公司系统,中型型公司或个人门户型网站等)

开发定制型 4000元以上 (根据要求定制,价格面议)
服务内容:1024M-20G/ASP空间,企业邮局(5-50个邮箱自由分配), .COM/.NET/.CN/.COM.CN/.NET.CN国际域名一个,SQL(或Access数据库)制作专业高速安全的ASP或ASP.net程序,独立空间,强大后台,支持1000-10000人同时在线
简单说明:(大型房产,大型公司动画网站,英文网络办公系统,教育系统办公自动化系统,多功能信息办公平台,电子政务系统,公司或个人大型门户型网站,大型类似阿里巴巴商业贸


热门文章
· [组图] 5个红色调CSS酷站欣...
· 如何用CSS制作横向菜...
· [组图] 韩国楼盘房地产网站...
· [组图] 黑色调网站欣赏
· [组图] 服装网站欣赏
· [组图] flash案例
· [图文] 房产网站
· [组图] 蓝色经典
· [图文] 红黑色调网站界面
· 成都私人建站,个人...
带颜色的下划线式文本框与按钮效果
作者:按钮效果  来源:下划线    发布人:admin

减小字体 增大字体

带颜色的下划线式文本框与按钮效果
  在网页制作中,表单中的对象总是给人一种单调与沉闷的感觉,比如说按钮、文本框等,它们一成不变的模样与颜色出现在您的主页上时,或多或少都会破坏主页的美观程度,那么可不可以改变它们的模样呢?我的回答是,这当然可以啊,下面我们就一起来动手来改变吧。
   先看看在网页中经常出现的按钮与文本框的本来面目吧!
   对照上图,我们怎么样才能改变文本框与按钮的模样呢?那在下面我为大家提供两种文本框与按钮样式作为例子参考,第一种是文本框与按钮无立体感,只是有线条颜色与填充颜色的,这种效果大家可能在很多网站上都看见过,给人一种特别的感觉,很不错的,第二种效果就比较特殊了,是将文本框做成一种类似于下划线的效果并且是彩色的,同时按钮的背景色也不再是灰色,而是彩色的,可以说这是一种非?岬男Ч,好了,下面我就来说说这两种效果实现的详细操作步骤吧。
   第一种效果:无立体效果的文本框与按钮
   那我们就通过在DW3中网页的编辑操作为例来进行说明,首先我们已经在网页中插入了相应的表单对象,比如插入一个文本框与一个按钮,此时,我们在按下[F10]键,显示出网页源代码编辑窗口,那我们在网页的<head>与</head>标签之间插入这个样式表:
<style type="text/css">
input.smallInput{border:1 solid black;FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
</style>
好了第一步就完成了,下一步我们就分别在文本框与按钮的htm语句中加上这一句代码:
class=smallInput
比如在<input type="text" name="textfield" class=smallInput>与<input type="submit" name="Submit" value="平面按钮" class=smallInput>这个文本框与按钮的htm语句中加入了这句代码。
   怎么样,比起前面那张图中的标准按钮来说是不是美观多了,要实现起来其实也不是太难吧。
   第二种效果:带颜色的下划线式文本框与按钮效果
   同样,我们也需要样式表的帮助来实现这个效果,和第一种效果的操作步骤一样在网页的<head>与</head>标签之间插入样式表,
<style type="text/css">
input.smallInput{background:#ffffff;border-bottom-color:#ff6633; border-bottom-width:1px;border-top-width:0px;border-left-width:0px;border-right-width:0px; solid #ff6633; color: #000000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
input.buttonface{BACKGROUND: #ffcc00; border:1 solid #ff6633; COLOR: #ff0000; FONT-SIZE: 9pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; HEIGHT: 18px; LINE-HEIGHT: normal}
</style>
   大家从上面的样式表中可以看出,这个效果的实现是通过两个样式来实现的,一个是文本框的,一个是按钮的,所以在文本框与按钮的htm语句中就需要插入两句不同的代码,在文本框中插入的是class=smallInput代码 如例子 <input type="text" name="textfield" class=smallInput>,在按钮语句中插入的是 class="buttonface"代码如例子<input type="submit" name="Submit" value="彩色按钮" class="buttonface">其实这就对应了样式表中文本框与按钮的样式:
   看看上面的效果,还会不会让您想起那单调的文本框与按钮呢?以上两种效果的方法都是通过样式表来实现的,使用方法也十分的简单,不要对我说这很难喔,最真心的希望能通过这篇文章介绍的方法能让你的主页多一点精彩。否则就对不起我这双为了研究它们而成的黑眼圈了。
[] [返回上一页] [打 印] [收 藏]

版权所有 成都网站建设超市 Email:cdwz8@yahoo.cn
地址:成都洗面桥5号 邮编:610041 Copyright 2006-2013 © www.caonimajinfu.cn All rights reserved
技术支持Q13045-078-24 业务咨询:Q2  手机联系:139-8206-9639 蜀ICP备08005547号
网络最新赚钱项目2020 224| 727| 369| 78| 182| 706| 902| 362| 19| 728| 990| 148| 213| 28| 527| 553| 855| 14| 185| 882| 488| 278| 568| 700| 924| 465| 111| 848| 8| 969| 655| 39| 199| 254| 414| 337|