|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
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标准色表格来源于网络,原出处。 | |
|
|