CSS让网页里的提交按钮变得更漂亮

实例一：将按钮背景由灰色改为黄色。这只需简单的几行代码：

〈formmethod="POST"〉

〈inputtype="button"value="按钮"name="B1"style="background-color:rgb(255,255,0)"〉

〈/form〉

这里，“form”代表表单，“input”标签定义了一个输入字段，而“type”属性说明这是一个按钮。关键的“style”属性则用来定义样式，如背景颜色。这里的“rgb(255,255,0)”意味着黄色背景。

实例二：进一步定制按钮，将文字颜色改为红色并使用楷体字体。看看代码：

〈formmethod="POST"〉

〈inputtype="button"value="按钮"name="B1"style="background-color:rgb(255,255,0);font-family:楷体_GB2312;color:rgb(255,0,0)"〉

〈/form〉

新增的“font-family”和“color”属性分别定义了字体和字体颜色。这样，你就可以让按钮展现出独特的风格。

那么，什么是样式表单呢？样式表单就像一个模板，为整个网站提供统一的格式和样式。它主要有三种形式：

1. 外部网页样式表单：以CSS为后缀名的文件，被引用后，整个网站的页面都会采用相同的格式。

2. 内嵌式网页样式表单：只对一个网页起作用，可以覆盖外部样式表单的设置。

3. 内联式样式表单：用于特定的HTML标签，如前文中的“input”标签，通过“style”属性来精确控制该标签的样式。

为了进一步深入理解，让我们看一个更复杂的例子：

〈formmethod="POST"〉

〈inputtype="button"value="按钮"name="B1"style="font-family:隶书;font-size:9pt;background-image:url(’file:///D:/Inetpub/wwwroot/asp/wwwboad/IMAGES/asp.jpg’);border-left:mediumridgergb(128,0,0);border-right:mediumnonergb(128,0,128);border-top:mediumnonergb(0,255,0);border-bottom:mediumridgergb(255,0,0)"〉

〈/form〉

这个例子中，按钮使用了隶书字体，9PT大小，背景图是一张照片，并且边框设置了不同的颜色和厚度。通过这个例子，你可以看到样式表单的强大和灵活。

现在，你已经掌握了样式表单的基本知识和实际应用。接下来，用这些技能去打造你独特的网页吧！让每一个细节都展现出你的个性和创意。