开发面试题 端口映射 package 人脸识别 wpf express xpath emacs vue版本 jq点击事件 mysql修改字段值 centos查看python版本 mysql函数返回结果集 python注释 python如何注释 python的def windows安装python环境 javafile java操作mysql java方法的重载 javalist数组 蓝牙运动耳机排行榜 运行时错误1004 millenium php购物车 魔兽改图工具 原创检测工具 黑客入门新手特训 0x000008e 战地2地图包下载 lol无限视野 HTA qt5下载 python简单代码 大数据就业方向 zepto下载 xd下载 欧米伽小队提莫 traceback 寒冰之王
当前位置: 首页 > 学习教程  > 

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

2020/10/16 18:01:31 文章标签: input边框颜色

本篇文章主要的讲述了HTML表单的边框加颜色&#xff0c;可以更改任何你想要的颜色都可以&#xff0c;有实例解析&#xff0c;方便观看&#xff0c;接下来让我们一起来看看这篇关于HTML表单的边框颜色的文章吧 首先我们说的是表单的边框怎么添加颜色&#xff1f; <input>…

本篇文章主要的讲述了HTML表单的边框加颜色,可以更改任何你想要的颜色都可以,有实例解析,方便观看,接下来让我们一起来看看这篇关于HTML表单的边框颜色的文章吧

首先我们说的是表单的边框怎么添加颜色?

<input>标签用于搜集用户信息。根据不同的type属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

提示:在 HTML 中,<input> 标签没有结束标签;在 XHTML 中,<input> 标签必须被正确地关闭。

提示:请使用 label 元素为某个表单控件定义标签。

先来看一个HTML表单边框的使用实例:

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

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

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

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

</form>

这个在浏览器中显示的效果为:

这个效果相信我们在很多时候都见过,也用过不少次。

这是还没加入边框的,现在说说怎么加边框:

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

<style>

form{

border: 3px solid red;

}

</style>

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

<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像素的边框:

=

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

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节,互相交流学习,不停更新最新的教程和学习技巧(网页制作,网站开发,web开发,从0基础开始的的HTML+CSS+JavaScript。jQuery,Ajax,node,angular框架等到移动端HTML5的项目实战【视频+工具+系统路线图】全栈工程师学习路线以及规划都有整理,分享给小伙伴)点:学习前端,我们是认真的


本文链接: http://www.dtmao.cc/news_show_300287.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?