How edit
出自新阅读实验室
(修订版本间差异)
(→表格) |
(→颜色) |
||
第80行: | 第80行: | ||
# 为了美观,并没有使用原色,而是用中间色代替原色。 | # 为了美观,并没有使用原色,而是用中间色代替原色。 | ||
{|class="wikitable" | {|class="wikitable" | ||
- | !类名!! | + | !颜色!类名(文字颜色)!!十六进制!!类名(背景色)!!十六进制 |
|- | |- | ||
+ | |红色 | ||
|redcolor | |redcolor | ||
|class="redcolor"|#b22222 | |class="redcolor"|#b22222 | ||
第87行: | 第88行: | ||
|class="redbg"|#b22222 | |class="redbg"|#b22222 | ||
|- | |- | ||
+ | |绿色 | ||
|greencolor | |greencolor | ||
|class="greencolor"|#0e774a | |class="greencolor"|#0e774a | ||
第92行: | 第94行: | ||
|class="greenbg"|#0e774a | |class="greenbg"|#0e774a | ||
|- | |- | ||
+ | |蓝色 | ||
|bluecolor | |bluecolor | ||
|class="bluecolor"|#0046ff | |class="bluecolor"|#0046ff | ||
第97行: | 第100行: | ||
|class="bluebg"|#0046ff | |class="bluebg"|#0046ff | ||
|- | |- | ||
+ | |橘色 | ||
|orangecolor | |orangecolor | ||
|class="orangecolor"|#ff8c00 | |class="orangecolor"|#ff8c00 | ||
第102行: | 第106行: | ||
|class="orangebg"|#ff8c00 | |class="orangebg"|#ff8c00 | ||
|- | |- | ||
+ | |黄色 | ||
|yellowcolor | |yellowcolor | ||
|class="yellowcolor"|#ffd700 | |class="yellowcolor"|#ffd700 | ||
第107行: | 第112行: | ||
|class="yellowbg"|#ffd700 | |class="yellowbg"|#ffd700 | ||
|- | |- | ||
+ | |褐色 | ||
|perucolor | |perucolor | ||
|class="perucolor"|#d2691e | |class="perucolor"|#d2691e | ||
第112行: | 第118行: | ||
|class="perubg"|#d2691e | |class="perubg"|#d2691e | ||
|- | |- | ||
+ | |灰色 | ||
|graycolor | |graycolor | ||
|class="graycolor"|#c0c0c0 | |class="graycolor"|#c0c0c0 | ||
第118行: | 第125行: | ||
|} | |} | ||
- | + | 另,html颜色参见[http://zh.wikipedia.org/wiki/%E7%BD%91%E9%A1%B5%E9%A2%9C%E8%89%B2 网页颜色] |
在2011年4月17日 (日) 17:42所做的修订版本
编辑指南
为了更加方便的编辑,也为了使内容更加易读美观,我添加了一些class,以方便在编辑的时候直接使用,更加人性化、语义化的编辑:
表格
- 添加了wikitable类 ,使用时直接在表格
{|
后加入class="wikitable"
即可得到背景为灰色,边框宽度为1px,颜色为#AAA的表格; - 想得到
加粗且背景加深
的表格头,只需用!(需要换行)或!!(不需要换行)
代替即可,例如
|
{| |类别一 |类别二 |- |橘子 |苹果 |- |面包 |饼 |- |奶油 |冰淇凌 |} |
替换为
|
{| !类别一!!类别二 |- |橘子 |苹果 |- |面包 |饼 |- |奶油 |冰淇凌 |} |
颜色
为了更加方便的编辑,使wiki代码更加干净整洁,在css中添加了常用颜色的类,使用时只需给需要颜色的位置添加class="xxxxxcolor",需要背景颜色的位置添加class="XXXbg"即可,
PS:
- class是可以覆盖的,如:class="redcolor greencolor"将显示绿色;
- 为了美观,并没有使用原色,而是用中间色代替原色。
颜色!类名(文字颜色) | 十六进制 | 类名(背景色) | 十六进制 | |
---|---|---|---|---|
红色 | redcolor | #b22222 | redbg | #b22222 |
绿色 | greencolor | #0e774a | greenbg | #0e774a |
蓝色 | bluecolor | #0046ff | bluebg | #0046ff |
橘色 | orangecolor | #ff8c00 | orangebg | #ff8c00 |
黄色 | yellowcolor | #ffd700 | yellowbg | #ffd700 |
褐色 | perucolor | #d2691e | perubg | #d2691e |
灰色 | graycolor | #c0c0c0 | grayebg | #c0c0c0 |
另,html颜色参见网页颜色