当前位置: 网站建设 > 网页设计 > 建站经验 >

CSS让网页提交input按钮与众不同

时间:2013-03-02 03:47来源:未知 作者:admin 点击:

标签:CSS让网页提交input按钮与众不同 CSS(655)与众不同(2)input(9)提交(7)按钮(19)网站建设(1202)网页(168)C(23)
--> [网站建设之]CSS让网页提交input按钮不同凡响 你是不是感到本人的主页不够靓丽,想让它有所转变呢?据说过款式表格吗?就是CSS,它就是那个能让你更为正确地把持网页的东东。让咱们先来看两个例子: 1、把按钮的背景由灰色变成黄色,下面是代码: 〈form
CSS让网页提交input按钮与众不同》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302334N2013.htm
--> [网站建设之]CSS让网页提交input按钮不同凡响

你是不是感到本人的主页不够靓丽,想让它有所转变呢?据说过款式表格吗?就是CSS,它就是那个能让你更为正确地把持网页的东东。让咱们先来看两个例子:

1、把按钮的背景由灰色变成黄色,下面是代码:
〈form method="POST"〉
〈input type="button" value="按钮" name="B1" style="background-color: rgb(255,CSS让图片实现的透明效果,255,0)"〉
〈/p〉
〈/form〉
“form”标签就是表单的标签,“type”就是说明按钮的类型,这里说明按钮是一般的命令按钮。然后,请注意,主要的东西来了,CSS让元素垂直居中的两种实现方法 ! “style”说明这里采取了一个样式表单,而“background-color”是用来申明按钮的背景颜色属性的,后面的“rgb”则给了它的属性值,在这里“(255,255,0)”表现是黄色,CSS让元素垂直居中的两种实现方法

2、把按钮文字的色彩变成红色,字体变成楷体,代码如下:
〈form method="POST"〉
〈input type="button" value="按钮" name="B1",CSS解决文字环绕图片问题; 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就晓得只须要设置一次版面配置和打印格局,那么在该文件内所有的页面都存在了相同的格式,而样式表单起的也就是这个作用,CSS规范 闭合浮动元素介绍,在统一个网站只要要供给一份样式表单,而后在所有页援用它,那么全部网站都会有雷同的格式。样式表单一共有三种。
第一种是外部网页样式表单。它是一个以CSS为后缀名的文件,相称于一个模板,设置好当前只需要在网页内部引用它,就可能使引用的网页具备相同的格式。
第二种是内嵌式的网页样式表单,它个别在声名,它只对本网页起作用,同时如果你已经使用了外部样式表单,那么它将被内嵌式的网页样式表单屏蔽。
第三种叫做内联式样式表单,CSS表现属性Display Inline-Block的深入理解,用于一段文字,一个表格,或者是一幅图形。在前面,我们用的就是这种样式表单,请留神,它通常是接在一个我们比拟熟习的HTML标签之后,比方前文的“input”标签,以“style”开头,CSS表单美化之直接输入的Excel表格,后面随着一些属性和属性值。并且借助它们来精确地节制这个标签,CSS菜鸟学习小结。属性与属性值之间以冒号隔开,属性与属性之间用分号隔开,css自动截取指定长度字符串,结尾显示
好了,有了以上的实践常识,我们再来接洽一下实际,下面我们再看一个比较庞杂的例子:
〈form method="POST"〉
〈input type="button" value="按钮" name="B1" style=",css自动截取指定长度字符串,结尾显示... 支持;font-family: 隶书; font-size: 9pt; background-image: url(’/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〉
〈/form〉
实在,情势和我前面讲的是一样的,只不外多了多少种属性罢了,“font-family: 隶书;Font-size: 9pt;”用来说明按钮文字是9PT大小的隶书,按钮的背景是一幅丹青,用了一个“background-image”属性。接下去用了一个“border-left”属性阐明按钮的左边框是隆起的,边框线是深红色的,厚度为中等。其余的就能够以此类推了,分辨是用来解释按钮的右边、上边跟底边的。 Tag:按钮   网页   按钮   网页  
(责任编辑:网站建设)
CSS让网页提交input按钮与众不同相关文章
上一篇:CSS让图片实现的透明效果 下一篇:CSS让网页里的提交按钮变得更漂亮
回到顶部