html表单边框怎么加颜色？html form标签的边框颜色实例

PHP中文网 JavaScript 百度已收录

当前第2页 返回上一页

我们这篇文章用的是css样式来设置边框线，比如添加这样样式：

1

2

3

4

5

<style>

form{

    border: 3px solid red;

}

</style>

里面的效果就出来，我们一起把全部的代码都敲出来吧：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<html>

<head>

<style>

form{

    border: 3px solid red;

}

</style>

</head>

<form action="form_action.asp" method="get">

  请输用户名: <input type="text" name="fname" /></br>

  重复用户名: <input type="text" name="lname" /></br>

  <input type="submit" value="提交" />

</form>

</html>

现在来看看效果，有没有3像素的边框：

tuer.png

如图，添加了三个像素的红色边框把表单都包裹起来了，这个代码是不是也很简单，这个我们就要可以用来调整边框线的颜色啊，和像素调整都可以。

这篇关于HTML表单的边框的文章到这也就结束了（想学更多的编程知识，欢迎来PHP中文网学习），有问题的可以在下方提问。

【小编推荐】

html中的ol标签如何去掉标号呢？<ol>标签的使用方法总结

HTML中ul标签如何去掉点？HTML无序列表的样式实例解析

以上就是html表单边框怎么加颜色？html form标签的边框颜色实例的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

如何清除浮动？html中:after伪元素清除浮动的方法实现 （代码）

html5 section标签是什么意思？html5 section标签的用法总结

html img标签的属性是有哪些？了解img标签的用法

html怎样对图片实现checkbox方法

html怎么用title属性让鼠标悬停处显示文字

html css js是什么？

html怎么删除表格的第二行

html怎样使用超链接打开新窗口并且控制该窗口属性

html code标签怎么用

html url是什么

更多相关阅读请进入《input》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...