• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

网页设计
如何在网上赚钱价值500的seo课程教程笔记(四)-中华...
北京网站制作用Fireworks自带滤镜打造炫彩光环
网站制作消除痛苦 网页浏览更舒适
网站建设HTML在IE网页浏览器中的专有条件注释
企通互联photohop画笔描边打造迷幻光影
北京网站设计基于MVC设计模式的WEB应用框架研究
北京网站建设从唱片封套看Lounge音乐的插画情结
www.qitongnet.com五彩缤纷建网页(3)色彩的象征
北京网站设计将代码以 JS/VB 方式加密、解密


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 北京网页设计北京网页设计让主页的按钮靓起来

北京网页设计北京网页设计让主页的按钮靓起来


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

你做的主页是不是和别人的一样 ,显得千篇一律,没有性格,是否想让网页换个样子呢?听说过样式表格吗?就是CSS,它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子: 中国站.长 北京网站建设.站

1、把按钮的背景由灰色变成黄色,下面是代码:

Www@Chinaz@com

网站设计

以下为引用的内容:北京网站设计
  〈 form method=″POST″>

北京网站设计
  〈 input type=″button″ value=″按钮″ name=″B1″

Chinaz_com

北京网站设计
  style=″background-color: rgb(255,255,0)″> Chinaz.com

网页设计
〈 /p> Chinaz@com

北京网页设计
  〈 北京网站制作 /form> 北京网页设计中国站.长.站

Chinaz

网站建设北京网站设计
看得懂吗?Form标签不用我说吧?就是表单的标签,接下来的就是说明按钮的类型,这里说明按钮是普通的命令按钮!然后,请注意,重要的东西来了! Style:说明这里采用了一个样式表单,而Background-color是用来声明按钮的背景颜色属性的,后面的Rgb(255,255,0)则给了它的属性值,在这里就是黄色了!

网站制作中国站长_站,为中文网站提供动力

2、把按钮的文字的颜色变成红色,字体变成楷体,代码如下: 站长.站

以下为引用的内容:网页设计

〈 form method=″POST″> Www^Chinaz^com

网页设计
  〈 input type=″button″ value=″按钮″ name=″B1″ 站.长站

企通互联
   style=″background 网站设计-color:rgb(255,255,0); font-family:楷体_GB2312; color: rgb(255,0,0)″>〈/p>

Chinaz~com

网页设计
  〈 /form>

站.长站

Chinaz_com

大家看一下是不是多了些什么东西?对了,多了两个属性。一个是Font-family,一个是Color,前一个是字体属性,后一个是字体的颜色属性,它们的值分别是:楷体_GB2312;和rgb(255,0,0),说明文字是红色的楷体字,好了,通过这两个例子来了解一下什么叫做样式表单。

Www_Chinaz_com

首先,什么叫样式表单呢?如果你使用过Word就知道只需要设置一次版面配置和打印格式,那么在文件内所有的页面都具有了相同的格式,而样式表单起的也就是这个作用,在同一个网站只需要提供一份样式表单,然后在所有页引用它,那么整个网站都会有相同的格式。样式表单一共分三种。

Www~Chinaz~com

第一种是外部网页样式表单。它是一个以CSS 网页设计为后缀名的文件,相当于一个模版,设置好以后只需要在网页内部引用它,就能够使引用的网页具有相同的格式。

中.国站长站

第二种是内嵌式的网页样式表单,它一般在< HEAD>...< /HEAD> 企通互联申明,它只对本网页起作用,同时如果你已经使用了外部样式表单,那么它将被内嵌式的网页样式表单屏蔽。

中国站.长.站

第三种叫做内联式样式表单,用于一段文字,一个表格,或者是一幅图形。在前面,我们用的就是这种样式表单,请注意,它通常是接在一个我们比较熟悉的HTML标签之后,比如前文的Input标签,以Style开头,后面跟着一些属性和属性值。并且借助它们来准确地控制这个标签!属性与属性值之间以冒号隔开,属性与属性之间用分号隔开。通常结构如下:

中国站.长.站

好了,有了以上的理论知识,我们再来联系一下实际,下面我们再看一个比较复杂的例子:

中国站.长.站

北京网站制作

以下为引用的内容:网站设计
  〈 form method=″POST″>

网站制作
   〈 input type=″button″ value=″按钮″ name=″B1″ Chinaz^com

北京网站设计
   style=″font-family: 隶书; font-size: 9pt; background-image: url 站.长.站

网站建设
(’file:///D:/Inetpub/wwwroot/asp/wwwboad/IMAGES/asp400.jpg’); border-left: medium ridge rgb(128,0,0); border-right: medium none rgb(128,0,128); border-top: medium none rgb(0,255,0); border-bottom: medium ridge rgb(255,0,0)″>〈/p> Chinaz~com

北京网站制作
  〈 /form> 中国.站.长站

Chinaz

其实,形式和我前面讲的是一样的,只不过多了几种属性而已,首先Font-family: 隶书;Font-size: 9pt;用来说明按钮文字是9PT大小的隶书,其次按钮的背景是一幅图画,用了一个Background-image属性。再次,用了一个Border-left属性说明按钮的左边框是隆起的,边框线是深红色的,厚度为中等。其余的就可以以此类推了! 中.国.站.长.站

企通互联
字体:【大】【中】【小】

上一篇:企通互联让主页的按钮靓起来

下一篇:网站制作关于在HTML语言中使用影像地图

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates