中国视觉之窗
  首页 资讯 画廊 艺术 视角 教程 网络学堂 创意集中营 高校 第七视觉 刊物 人才 论坛 搜索 视觉博客 蚁盟工作室   QQ群:10173223
·中国视觉之窗欢迎您 []
全网 站内

推荐文章
赞助商

广告时间
您的位置:  教程首页 >> 网络学堂 >> css >> CSS让网页里的提交按钮变得更漂亮
CSS让网页里的提交按钮变得更漂亮 (1)
作者: ┊ 时间:2008-04-30 16:06:57 ┊ 来源:互联网 ┊ 浏览次数:38 ┊ 在线投稿



     你是不是觉得自己的主页不够靓丽,想让它有所改变呢?听说过样式表格吗?就是CSS,它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子: 

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

    〈form method="POST"〉 
    〈input type="button" value="按钮" name="B1" style="background-color: rgb(255,255,0)"〉 
    〈/p〉 
    〈/form〉  

      “form”标签就是表单的标签,“type”就是说明按钮的类型,这里说明按钮是普通的命令按钮。然后,请注意,重要的东西来了! “style”说明这里采用了一个样式表单,而“background-color”是用来声明按钮的背景颜色属性的,后面的“rgb”则给了它的属性值,在这里“(255,255,0)”表示是黄色。  

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

    〈form method="POST"〉 
    〈input type="button" value="按钮" name="B1" style="background-color:rgb(255,255,0); font-family:楷体_GB2312; color: rgb(255,0,0)"〉〈/p〉  
    〈/form〉  

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

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

[1] [2]



本文链接:


负责编辑:dreamtang

相关文章 本栏最新
CSS让网页里的提交按钮变得更漂亮

 CSS+Javascript实现表格...
 css语法大全--表格边框
 CSS的十八般技巧训练
 CSS教程-CSS--层叠样式表
 div+css布局入门
 CSS2入门到精通详解
 CSS缩写给你的网站加速之二
 CSS缩写给你的网站加速
 CSS布局实例:上中下三行...
 css属性之媒体(Media)类型


发表评论  ┊  告诉好友  ┊  打印此文  ┊   关闭窗口TOP

未经授权严禁转载本站任何内容,本站保留依法追究法律责任的权利。凡通 过本站授权的合作站点,转载本站文章必须注明来源为---中国视觉之窗,作者和来自我站的链接必须保 留,转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。 本站所刊登的任何文章、作品,不代表中国视觉之窗的立场。本站转载他站的文章,主要用于传播信息或 理念思维。没有丝毫商业意图,并清晰标注稿件真实来源。如侵犯你的版权,请联系删除!
友情链接 | 诚聘英才 | 关于我们 | 版权声明 | 联系我们 | 广告服务 |
中国视觉之窗 艺术 设计 中国艺术设计的殿堂 中国第一视觉门户
Copyright © 2007-2009 ymarting.com All rights reserved.Best view by IE6.x 1024*768
粤ICP备07513371号