|
|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
x
| backcolor——背景颜色还是黑|幕? |
| ATTENTION | 注意!本文章记载的内容不适用于MCBBS纪念版,除非MCBBS Extender支持本论坛
|
|
| WARNING | 本节目由Crable_Potion赞助播出
|
|
| 前言
backcolor是泥潭非常常用的一个标签。部分使用MCBBS Extender的用户都知道它既能作为背景颜色也能作为黑|幕。
但是,你知道什么情况下backcolor会被解析为黑|幕吗?
本期节目将会教你正确地使用backcolor标签。
标签样式
和大部分标签相同的是,backcolor遵循的格式如下:
其中,属性部分仅允许颜色代码,即指定的颜色,hex、rgb以及rgba颜色。
指定的颜色就是web标准色,例如Black, Green, Gray ,Blue, Red, Purple,总共有140种,即[1]| 颜色名 | 十六进制颜色值 | | AliceBlue | #F0F8FF | | AntiqueWhite | #FAEBD7 | | Aqua | #00FFFF | | Aquamarine | #7FFFD4 | | Azure | #F0FFFF | | Beige | #F5F5DC | | Bisque | #FFE4C4 | | Black | #000000 | | BlanchedAlmond | #FFEBCD | | Blue | #0000FF | | BlueViolet | #8A2BE2 | | Brown | #A52A2A | | BurlyWood | #DEB887 | | CadetBlue | #5F9EA0 | | Chartreuse | #7FFF00 | | Chocolate | #D2691E | | Coral | #FF7F50 | | CornflowerBlue | #6495ED | | Cornsilk | #FFF8DC | | Crimson | #DC143C | | Cyan | #00FFFF | | DarkBlue | #00008B | | DarkCyan | #008B8B | | DarkGoldenRod | #B8860B | | DarkGray | #A9A9A9 | | DarkGreen | #006400 | | DarkKhaki | #BDB76B | | DarkMagenta | #8B008B | | DarkOliveGreen | #556B2F | | Darkorange | #FF8C00 | | DarkOrchid | #9932CC | | DarkRed | #8B0000 | | DarkSalmon | #E9967A | | DarkSeaGreen | #8FBC8F | | DarkSlateBlue | #483D8B | | DarkSlateGray | #2F4F4F | | DarkTurquoise | #00CED1 | | DarkViolet | #9400D3 | | DeepPink | #FF1493 | | DeepSkyBlue | #00BFFF | | DimGray | #696969 | | DodgerBlue | #1E90FF | | Feldspar | #D19275 | | FireBrick | #B22222 | | FloralWhite | #FFFAF0 | | ForestGreen | #228B22 | | Fuchsia | #FF00FF | | Gainsboro | #DCDCDC | | GhostWhite | #F8F8FF | | Gold | #FFD700 | | GoldenRod | #DAA520 | | Gray | #808080 | | Green | #008000 | | GreenYellow | #ADFF2F | | HoneyDew | #F0FFF0 | | HotPink | #FF69B4 | | IndianRed | #CD5C5C | | Indigo | #4B0082 | | Ivory | #FFFFF0 | | Khaki | #F0E68C | | Lavender | #E6E6FA | | LavenderBlush | #FFF0F5 | | LawnGreen | #7CFC00 | | LemonChiffon | #FFFACD | | LightBlue | #ADD8E6 | | LightCoral | #F08080 | | LightCyan | #E0FFFF | | LightGoldenRodYellow | #FAFAD2 | | LightGrey | #D3D3D3 | | LightGreen | #90EE90 | | LightPink | #FFB6C1 | | LightSalmon | #FFA07A | | LightSeaGreen | #20B2AA | | LightSkyBlue | #87CEFA | | LightSlateBlue | #8470FF | | LightSlateGray | #778899 | | LightSteelBlue | #B0C4DE | | LightYellow | #FFFFE0 | | Lime | #00FF00 | | LimeGreen | #32CD32 | | Linen | #FAF0E6 | | Magenta | #FF00FF | | Maroon | #800000 | | MediumAquaMarine | #66CDAA | | MediumBlue | #0000CD | | MediumOrchid | #BA55D3 | | MediumPurple | #9370D8 | | MediumSeaGreen | #3CB371 | | MediumSlateBlue | #7B68EE | | MediumSpringGreen | #00FA9A | | MediumTurquoise | #48D1CC | | MediumVioletRed | #C71585 | | MidnightBlue | #191970 | | MintCream | #F5FFFA | | MistyRose | #FFE4E1 | | Moccasin | #FFE4B5 | | NavajoWhite | #FFDEAD | | Navy | #000080 | | OldLace | #FDF5E6 | | Olive | #808000 | | OliveDrab | #6B8E23 | | Orange | #FFA500 | | OrangeRed | #FF4500 | | Orchid | #DA70D6 | | PaleGoldenRod | #EEE8AA | | PaleGreen | #98FB98 | | PaleTurquoise | #AFEEEE | | PaleVioletRed | #D87093 | | PapayaWhip | #FFEFD5 | | PeachPuff | #FFDAB9 | | Peru | #CD853F | | Pink | #FFC0CB | | Plum | #DDA0DD | | PowderBlue | #B0E0E6 | | Purple | #800080 | | Red | #FF0000 | | RosyBrown | #BC8F8F | | RoyalBlue | #4169E1 | | SaddleBrown | #8B4513 | | Salmon | #FA8072 | | SandyBrown | #F4A460 | | SeaGreen | #2E8B57 | | SeaShell | #FFF5EE | | Sienna | #A0522D | | Silver | #C0C0C0 | | SkyBlue | #87CEEB | | SlateBlue | #6A5ACD | | SlateGray | #708090 | | Snow | #FFFAFA | | SpringGreen | #00FF7F | | SteelBlue | #4682B4 | | Tan | #D2B48C | | Teal | #008080 | | Thistle | #D8BFD8 | | Tomato | #FF6347 | | Turquoise | #40E0D0 | | Violet | #EE82EE | | VioletRed | #D02090 | | Wheat | #F5DEB3 | | White | #FFFFFF | | WhiteSmoke | #F5F5F5 | | Yellow | #FFFF00 | | YellowGreen | #9ACD32 |
|
hex颜色就是以#开头的16进制颜色,其结构是#[ruby=R]00[/ruby][ruby=G]ff[/ruby][ruby=B]00[/ruby][ruby=A]ff[/ruby] (A部分可以省略)
rgb颜色就是以rgb(为开头,)为结尾,其结构是rgb([ruby=R]0[/ruby], [ruby=G]255[/ruby], [ruby=B]0[/ruby])
rgba颜色就是以rgba(为开头,)为结尾,其结构是rgb([ruby=R]0[/ruby], [ruby=G]255[/ruby], [ruby=B]0[/ruby], [ruby=A]1[/ruby])
因此,hex颜色中的最大值为#ffffffff,即白色;最小值为#00000000,即完全透明的黑色。
rgb颜色中的最大值为rgb(255, 255, 255),即白色;最小值为rgb(0, 0, 0),即黑色。
rgba颜色中的最大值为rgb(255, 255, 255, 1),即白色;最小值为rgba(0, 0, 0, 0)即完全透明的黑色。
注意,在MCBBS,所有的rgba格式的颜色最后一位alpha通道值仅为1或者0时会被解析。
决定背景颜色或者黑|幕的主要条件
在有关backcolor标签样式的CSS中有这样一段:
- .t_f font[style*="background-color:black"], .t_f font[style*="background-color:#000"] {
- transition-duration: .3s;
- transition-delay: .5s;
- cursor: default;
复制代码 它的大致意思就是如果backcolor标签的属性部分如果是black或者以#000开头的hex颜色,则会解析为黑|幕。
(编者注:仅black能被解析为黑|幕,Black则不能)
利用这个特性,不仅能做出黑色的黑|幕,还可以做出蓝色的黑|幕。
看!黑色的黑|幕
看!蓝色的黑|幕
- [backcolor=black]看!黑色的黑[size=0px]|[/size]幕[/backcolor]
- [backcolor=#0000ff]看!蓝色的黑[size=0px]|[/size]幕[/backcolor]
复制代码 (编者注:[size|=0px]|[/si|ze]用于防屏蔽)
主动干预黑|幕的判定
也是因为这个特性,所有属性为black的backcolor都会被解析为黑|幕,有什么方法能使标签被解析为正常的背景颜色呢?
方法有两种:- 使用Black代替black
- 用上表的相似颜色代替hex颜色。
- 用rgb颜色代替hex颜色。
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是黑色的背景颜色!
看!这不是黑|幕!这是蓝色的背景颜色!
看!这不是黑|幕!这是无法被解析的背景颜色!
- [backcolor=Black]看!这不是黑[size=0px]|[/size]幕!这是黑色的背景颜色![/backcolor]
- [backcolor=rgb(0, 0, 0)]看!这不是黑[size=0px]|[/size]幕!这是黑色的背景颜色![/backcolor]
- [backcolor=rgb(0, 0, 255)]看!这不是黑[size=0px]|[/size]幕!这是蓝色的背景颜色![/backcolor]
- [backcolor=rgba(0, 0, 255, 0.5)]看!这不是黑[size=0px]|[/size]幕!这是无法被解析的背景颜色![/backcolor]
复制代码
声明
[1]web标准色表格来源于网络,原出处。 | |
|
|