CSS3创建惊艳多重边框色（2）
作者：飘零雾雨 来源：css探索之旅 发布时间：2010-07-23 10:13:00
对比代码块二，会发现，前面的都没变，变的只是之前的每条边只能设置单一的颜色，所以用的是border-xxx-color，而现在每条边能设置多组颜色，所以就变成了border-xxx-colors，变成复数了，这个，你懂的，我相信。
运行代码块三后，“怎么和代码块二一样啊？”我知道你会这么说的。
哦，这是我的错，因为大多数浏览器都还不支持多重边框色。以写这篇文章的日期为分界，当下还只有Firefox3.6+支持，所以还需借助Firefox的私有属性来瞧瞧这个效果。
用Firefox3.6+玩玩（代码块四）
.test{
border-width:6px;
border-style:solid;
moz-border-top-colors:#000 #fff #999 #aaa #ccc #eee;
moz-border-right-colors:#000 #fff #999 #aaa #ccc #eee;
moz-border-bottom-colors:#000 #fff #999 #aaa #ccc #eee;
moz-border-left-colors:#000 #fff #999 #aaa #ccc #eee;
}
相信，运行代码块四后，你可以放松下了，效果终是出来了。
哦，或许你还应该再看看（代码块五）：
.test{
border-width:10px;
border-style:solid;
moz-border-top-colors:#100 #300 #600 #800 #900 #a00;
moz-border-right-colors:#100 #300 #600 #800 #900 #a00;
moz-border-bottom-colors:#100 #300 #600 #800 #900 #a00;
moz-border-left-colors:#100 #300 #600 #800 #900 #a00;
}
运行代码块五后，我想跟你说的是：如border为10px，却只设置了6组边框色，那么最后一组边框色将渲染剩余的宽度。意思是说最后一组边框色会自动填充没有设置边框色的剩余宽度。
恩，差不多就这样，该结束了。
0
投稿猜你喜欢
第一种方法：python操作xml文件随手找了一个xml文件内容(jenkins相关文件)<?xml version="1.- CSS换肤技术一直是一个比较热门的话题，通过给HTML文档不同的CSS样式应用，实现完全不同或风格迥异的页面效果。这样的技术一直为大家所津津
- 在Python网络爬虫中，通常是通过TXT纯文本方式存储，其实也是可以存储在数据库中的；同时在WAMP（Windows、Apache、MyS
- 模块在python编程中的地位举足轻重，熟练运用模块可以大大减少代码量，以最少的代码实现复杂的功能。下面介绍一下在python编程中如何导入
- 圆形的绘制 :OpenCV中使用circle（img，center，radius，color，thickness=None，lineType
- 函数先定义函数，后调用一、定义函数：1、简单的规则：函数代码块以 def 关键词开头，后接函数标识符名称和圆括号&nbs
- <html> <head> <script type="text/javascript"&
- 有时候想为我们的网页提供多语言支持，如果一种语言用一张网页来做实在太麻烦了，幸好Google提供了语言工具功能，下面介绍如何利用它来实现网页
- 背景关于 Go 语言的 Map，有两个需要注意的特性：Map 是并发读写不安全的，这是出于性能的考虑；Map 并发读写导致的错误，无法使用
- 可以使用numpy中的linspace函数np.linspace(start, stop, num, endpoint, retstep,
- 一、图像色彩通道拆分import cv2img1 = cv2.imread(r"D:\OpencvTest\example.jpg
- 一、安装mysql软件下载并安装MySQL官方的 Yum Repository,Mysql版本8.0.20wget -i -c h
- 无法导入本地安装好的第三方库一、安装第三方库1、 Anaconda安装（1）、打开“cmd”窗口（快
- 本文介绍如何利用带进度条的ASP无组件实现断点续传下载大文件。<％@LANGUAGE="VBSCRIPT"&nbs
- Numpy学习1 Numpy 介绍与应用1-1Numpy是什么NumPy 是一个运行速度非常快的数学库，一个开源的的python科学计算库，
- 一、说明压缩和解压缩是日常常用的操作，不管是windows上图形界面的操作，还是linux上用命令来进行压缩解压缩，总的而言都还是比较方便的
- 平时学生交上机作业的时候经常有人相互复制，直接改文件名了事，为了能够简单的检测这种作弊行为，想到了检测文件的MD5值，虽然对于抄袭来说作用不
- 点击获取后，返回2s后的鼠标位置，显示在文本框（需要用pip命令安装所需的的库）（pip install 模块名比如 安装pyautogui
- 今天遇到一个要破解的栅栏密码，先给大家介绍通用的脚本。方法一(通用脚本)：#!/usr/bin/env python # -*- codin
- BEGIN -- 声明变量 DECLARE v_addtime_begin varchar(13); DECLARE v_addtime_e
