玩转表单之花样表单（3）
作者：佚名 发布时间：2011-04-25 19:17:00
1.3 边框样式的应用
也许你觉得表单的边框过于死板，我们能否设计单线条，或者其它的边框样式呢？当然可以！
和边框有关的属性有：边框式样border-style、上边框border-top、右边框border-right、下边框border-bottom、左边框border-left、边框颜 * order-colr、边框宽度 border-width、上边框宽度border-top-width、右边框宽度border-right-width、下边框宽度border-bottom-width、左边框宽度border-left-width、边框 border，这里不作详细的讲述，请参考有关资料。
样例14： 8种边框形式的展示
分析：
文本框有8种类型边框样式，即border-style，分别展示在本例中，
边框宽度的设置有一个规律：
border-width: [ thin | medium | thick | ＜长度＞ ]{1,4}
边框宽度用一到四个值来设置元素的边框宽度，它们分别被应用于上、右、下和左边框宽度。如果只给出一个值，它被应用于所有边框宽度。如果两个或三个值给出了，省略了的值与对边相等
例如：＜input type="text" name="RedF" style="border-color: #006600; border-style: dotted; border-width: 1px"＞
边框颜色的设置有一个规律：
border-colr: ＜颜色＞{1,4}
边框颜色用一到四个值来设置元素的边框颜色。如果四个值都给出了，它们分别被应用于上、右、下和左边框颜色。如果只给出一个值，它被应用于所有边框颜色。如果两个或三个值给出了，省略了的值与对边相等。对于多行文本框以及按钮，设置边框的方法和文本框一样，不再陈述；
由于下拉选择框Select不支持边框的设置，所以对它设置是徒劳的；
单选按钮和复选按钮的边框，设置的效果不十分协调，所以建议不要对它们设置，不然有“画蛇添足”之感；
0
投稿猜你喜欢
效果图：代码如下：<!DOCTYPE html><html><head> <meta- 最简单的CGO程序//cgo.gopackage mainimport "C"func main(){ &nb
- python应用文件读取与登录注册功能，具体实现代码如下所示：#!/usr/bin/python3# -*- coding: utf-8 -
- 在将自定义的网络权重加载到网络中时，报错：AttributeError: 'dict' object has no attr
- 场景报修范围取值不同时 ，区域有时需要禁用代码<el-form-item label="报修范围" prop=&q
- 本文实例为大家分享了python抖音表白程序的具体代码，供大家参考，具体内容如下import sysimport randomimport
- 如何制作关联的下拉菜单？看看代码：<form name=f1 METHOD="POST">
- 环境描述： 某公司装了一台SQL Server数据库，为了保证数据库能够在出现故障时及时的修复，管理员做了备份操作，比如说完整备份+差异备份
- 很多网站登录登陆时都要用到滑块验证码，在某些场景例如使用爬虫爬取信息时常常受到阻碍，想着用opencv的模板匹配试试能不能实现模拟登陆。本来
- 计是一个输入-输出的过程，因为首先有用户的需求，客户的项目才有设计的产生，设计是带有目的性和市场行为的，当然也有一部分的创造性设计，仅仅为了
- 本文实例讲述了Python 网络编程之TCP客户端/服务端功能。分享给大家供大家参考，具体如下：demo.py（TCP客户端）：import
- 最近用sysbench进行了较多的性能测试，也总结一下它的特点和用法和需要注意的事项。sysbench是一个多线程性能测试工具，可以进行CP
- 突然发现, pycharm 2020.2都出来了哈, 现在jetbrain团队对中文用户也比较友好, 比以前更加适合小白了再就是很多类似的教
- 本文实例讲述了js中火星坐标、百度坐标、WGS84坐标转换实现方法。分享给大家供大家参考，具体如下：//定义一些常量var x_PI = 3
- 程序运行效率程序的运行效率分为两种：第一种是时间效率，第二种是空间效率。时间效率被称为时间复杂度，而空间效率被称作空间复杂度。时间复杂度主要
- 目录题目描述示例 1：示例 2：示例 3：单向构造（哈希表计数）双向构造（双指针）最后题目描述这是 LeetCode 上的 1743. 从相
- 本文主要研究的是Python编程删除服务器文件，具体实现 代码如下。实例1#coding:utf-8import paramiko"
- import turtle as tt.setup(800,600,0,0,)t.pensize(2)t.speed(1)t.color(&
- 最近项目组同事跟我说遇到一个SQL性能问题，他说全表只有69条记录，客户端执行耗费了两分多钟，很不科学。我帮了分析出了原因并得到解决。下面小
- 对于Linux用户来说，命令行的名声相当的高。不像其他操作系统，命令行是一个可怕的命题，但是对于Linux社区中那些经验丰富的大牛，命令行却
