|
|
(未显示同一用户的17个中间版本) |
第1行: |
第1行: |
| <span style="padding-bottom: 10px;border-bottom: 2.6px solid #000000;">
| |
| <font color="#000000" size="6">标题</font>
| |
| </span>
| |
|
| |
|
| | ==Mould== |
|
| |
|
| <span style="color: hsla(200,39%,49%,40%)> hsla(200,39%,49%,40%)</span>
| | solid |
| | 实线 |
|
| |
|
| | dashed |
| | 虚线 |
|
| |
|
| | <hr> |
|
| |
|
|
| | <span style="box-shadow:0px -12px # inset">XXXXXX</span> |
|
| |
|
|
| |
|
| |
|
| |
|
| |
|
|
| |
|
| | <span style=" |
| | background: yellow; |
| | background-image: radial-gradient(tan 40%,transparent 80%); |
| | background-size: 30px 30px">背景</span> |
|
| |
|
| 语文
| | * span |
|
| |
|
| <span style="box-shadow:0px -20px hsla(200,39%,49%,34%) inset;;border-radius:10px"> 背景背景背景背景</span> | | <span style="box-shadow:0px -12px #CCE9FA inset">box-shadow</span> |
|
| |
|
| <span style="color:hsla(193,78%,30%,89%)"> 背景背景背景背景</span> | | <span style="box-shadow:0px 20px #CCE9FA inset">box-shadow</span> |
|
| |
|
| <span style="color: hsla(200,56%,40%,88%)> hsla(200,56%,40%,88%)</span> | | <span style="background-color:#CCE9FA;height:12px">background</span> |
| | |
| | * p |
|
| |
|
| <span style="color:#66A9BF>66A9BF</span> | | <p style="box-shadow:0px 30px #CCE9FA inset">box-shadow</p> |
|
| |
|
| | == Basic Form== |
|
| |
|
| <span style="box-shadow:0px -20px hsla(0,31%,62%,24%) inset;;border-radius:10px">背景背景背景背景</span>
| |
|
| |
|
| <span style="color:hsla(0,38%,62%,66%)">背景背景背景背景</span>
| |
|
| |
|
| <span style="color: hsla(347,40%,83%,100%)> hsl(300,24%,80%)</span>
| | ===symbol depository=== |
| | █ |
|
| |
|
| <span style="color:#D8BFD8>D8BFD8</span> | | ===paletten=== |
| | <span style="padding-bottom: 10px;border-bottom: 2.6px solid #000000;"> |
| | <font color="#000000" size="6">标题</font> |
| | </span> |
|
| |
|
| <span style="color:#B0C4DE>B0C4DE</span>
| | * blue series |
|
| |
|
| | {{color|hsla(202.957, 92%, 75.5%,35%) |
| | |hsl(202,82%,89%)}} |
|
| |
|
| | {{color|#BFEAEF|BFEAEF}} |
|
| |
|
| <span style="box-shadow:0px -20px hsla(105,40%,88%,100%) inset;;border-radius:10px">背景背景背景背景</span>
| | {{color|#81BEF7|81BEF7}} |
|
| |
|
| | {{color|#75B2E7|75B2E7}} |
|
| |
|
| | {{color|#6483B0|6483B0}} |
|
| |
|
| <!DOCTYPE html>
| | {{color|#4573A0|4573A0}} |
| <html lang="en">
| |
| <head>
| |
|
| |
| <meta charset="UTF-8">
| |
|
| |
| <title>用span制作下划线</title>
| |
| <style>
| |
| body {
| |
| padding: 0;
| |
| margin: 0;
| |
| font-family: "Microsoft Yahei";
| |
| }
| |
| ul {
| |
| list-style: none;
| |
| padding-left: 0;
| |
| margin: 0;
| |
| }
| |
|
| |
|
| /*清除浮动*/
| | <span style="box-shadow:0px -12px #CCE9FA inset">CCE9FA</span> |
| .clearfix {
| |
| *zoom: 1;
| |
| }
| |
| .clearfix:before,.clearfix:after {
| |
| display: table;
| |
| line-height: 0;
| |
| content: "";
| |
| }
| |
| .clearfox:after {
| |
| clear: both;
| |
| }
| |
| .nav {
| |
| width: 600px;
| |
| }
| |
|
| |
|
| .nav li {
| | <span style="box-shadow:0px -12px hsl(202,82%,89%) inset">hsl(202,82%,89%)</span> |
| float:left;
| |
| }
| |
| .nav a {
| |
| box-sizing: border-box;
| |
|
| |
|
| display: inline-block;
| | {{color|#6FA4ED|'''6FA4ED'''}} |
| text-align: center;
| |
| width: 100px;
| |
| height: 50px;
| |
| color: #fff;
| |
| padding: 12px 5px;
| |
| background: #424a58;
| |
|
| |
|
| text-decoration: none;
| | <span style="box-shadow:0px -12px hsla(218,88%,76%,40%) inset">hsla(218,88%,76%,40%)</span> |
| cursor: pointer;
| |
| }
| |
| .nav a.active>span , .nav a:hover>span {
| |
| /*关键代码*/
| |
| padding-bottom: 5px;
| |
| border-bottom: 2px solid #fff;
| |
| }
| |
| </style>
| |
|
| |
|
| </head>
| | * Electronic |
| <body>
| |
| <div>
| |
| <ul class="nav clearfix">
| |
| <li><a class="active"><span>套装模板</span></a></li>
| |
| <li><a><span>标题</span></a></li>
| |
| <li><a><span>图片</span></a></li>
| |
| <li><a><span>背景图</span></a></li>
| |
| <li><a><span>卡片</span></a></li>
| |
| <li><a><span>分割线</span></a></li>
| |
| <li><a><span>关注和原文</span></a></li>
| |
| <li><a><span>名片</span></a></li>
| |
| <li><a><span>其他</span></a></li>
| |
| <li><a><span>贴纸</span></a></li>
| |
| <li><a><span>布局</span></a></li>
| |
| <li><a><span>零件</span></a></li>
| |
|
| |
|
| </ul>
| | {{color|#58ACFA|58ACFA}} |
| </div>
| |
| </body>
| |
| </html>
| |
|
| |
|
| | {{color|#516AC3|516AC3}} |
|
| |
|
| | * purple-blue |
|
| |
|
| | {{color|#819FF7|819FF7}} |
|
| |
|
| | * dusk |
|
| |
|
| <center><font color="#FA8072" size="6"><u>标题</u></font></center>
| | {{color|#5B7099|5B7099}} |
| | | {{color|#9AA6C1|9AA6C1}} |
| | | {{color|#D7B29E|D7B29E}} |
| | |
| {| style="width: 100% !important; background: transparent;" | |
| |- style="text-align: center; background: #BFEAEF;"
| |
| |<span style="color:#ffffff;face=宋体">喵喵喵喵喵喵喵喵</span>
| |
| |- style="text-align: center; background: #BFEAEF;" | |
| |
| |
| |} | |
| | |
| {| style="width: 100% !important; background: transparent;" | |
| |- style="text-align: center; background: #BFEAEF;"
| |
| | <span style="display: inline-block; padding: 4px">。。</span> | |
| <span style="color:ffffff;face=宋体">喵喵喵喵喵喵喵喵</span>
| |
| |- style="text-align: center; background: #BFEAEF;" | |
| |
| |
| |} | |
| | |
| | |
| | |
|
| |
|
| <span style="box-shadow:0px -20px #CCE9FA inset;;border-radius:10px">背景背景背景背景</span>
| |
|
| |
|
| <span style="box-shadow:0px -12px #fceca3 inset">背景</span>
| | * no name |
|
| |
|
| {{color|#516AC3|516AC3}}
| | <span style="background: #D1A35F;">#D1A35F</span> |
|
| |
|
| {{color|hsla(105,40%,80%,100%)|hsla(105,40%,80%,100%) }}
| |
|
| |
|
| 【课本】 | | * 语文 |
|
| |
|
| [[File:U 2602841006 1975288599&fm 26&gp 0.jpg|50px|link=]]</span> 顿号 | | [[File:U 2602841006 1975288599&fm 26&gp 0.jpg|50px|link=]]</span> 标题 |
|
| |
|
| <span style="text-shadow: #d3b17d 1.8px 1.8px 3px"> 小标题</span> | | <span style="box-shadow:0px -20px #f2ecde inset;border-radius:10px"> 背景</span> |
|
| |
|
| | '''<span style="box-shadow:0px -20px #f2ecde inset;border-radius:10px">{{color|#d3b17d|背景}}</span>''' |
|
| |
|
|
| |
|
| <span style="background: #FCC1C2;background-image: radial-gradient(tan 40%,transparent 80%);background-size: 30px 30px">背景</span> | | <span style="color:hsla(347,78%,65%,76%) ">背景</span> |
|
| |
|
| <span style="box-shadow:0px -12px # inset">背景</span>
| | '''{{color|hsla(0,31%,42%,77%)|hsla(0,31%,42%,77%)}}''' |
|
| |
|
| <span style="box-shadow:0px -12px #f2ecde inset">背景</span>
| | '''{{color|hsla(347,60%,62%,89%)|hsla(347,60%,62%,89%)}}''' |
|
| |
|
| {{color|#F08080|F08080}} | | {{color|#F08080|F08080}} |
第178行: |
第109行: |
| {{color|#d3b17d|d3b17d}} | | {{color|#d3b17d|d3b17d}} |
|
| |
|
| 【】
| | <span style="box-shadow:0px -20px hsla(200,39%,49%,34%) inset;;border-radius:10px">背景</span> |
|
| |
|
| <span style="box-shadow:0px -12px hsl(202,82%,89%) inset">背景</span> | | <span style="color:hsla(193,78%,30%,89%)">背景</span> |
|
| |
|
| <span style="box-shadow:0px -12px #CCE9FA inset"> 背景</span> | | <span style="color: hsla(200,56%,40%,88%)> hsla(200,56%,40%,88%)</span> |
|
| |
|
| 【答题技巧】
| | <span style="color:#66A9BF>66A9BF</span> |
|
| |
|
| <span style="box-shadow:0px -12px #CEF6EC inset">背景</span>
| |
|
| |
|
| | <span style="box-shadow:0px -20px hsla(0,31%,62%,24%) inset;;border-radius:10px">背景</span> |
|
| |
|
| | <span style="color:hsla(0,38%,62%,66%)">背景</span> |
|
| |
|
| █
| | <span style="color: hsla(347,40%,83%,100%)> hsla(347,40%,83%,100%)</span> |
| [[Category: 人物]]
| |
|
| |
|
| | <span style="color:#D8BFD8>D8BFD8</span> |
|
| |
|
| | {{color|hsla(200,39%,49%,40%)|hsla(200,39%,49%,40%)}} |
|
| |
|
| <div style="width:200px;height:30px"></div>
| |
|
| |
|
| <span style="background: #ff0;">
| | * 素材 |
| <div class="col col-12 blue"> 。。</div>
| |
| {{渐变|30deg,#EECCFF,#FFEEEE,#FFFFFF|。。}}
| |
|
| |
|
| {{渐变|291deg,#1F1E33,#4B0082,#00DDFF,#33FF66|。,,}}
| | <span style="box-shadow:0px -12px #CEF6EC inset">背景</span> |
|
| |
|
| | {| style="width: 100%!important;" |
| | |- style="text-align:center; background: #BFEAEF" |
| | | <span style="display: inline-block; padding: 4px">标题</span> |
| | 内容 |
| | |} |
|
| |
|
| <p style="color:ffffff;face=SimSun;background-color:#909090; text-shadow: #0066ff 2px 3px 3px ; margin:20px 40px 60px;padding:1px 1px 1px 1px; outline: 7px dashed red; border: 5px red; vertical-align:baseline | sub | super | top | text-top | middle | bottom | text-bottom |inherit; font-family: SimSun;">我的背景颜色为</p>
| | ===hightlight / 荧光效果=== |
|
| |
|
| | * 基础 |
|
| |
|
| solid实线;dashed虚线;
| | <span style="background: #ff0;">文字</span> |
|
| |
|
| | * 模糊 |
| | <p style="color:ffffff;text-shadow:-3px 0px 3px yellow,3px 0px 3px yellow,6px 0px 6px yellow,-6px 0px 6px yellow; ">文字</p> |
|
| |
|
|
| |
|
| | * 柔光 |
| | <span style="box-shadow:0px -12px #fceca3 inset">文字</span> |
|
| |
|
| | <span style="box-shadow:0px -20px hsla(105,40%,88%,100%) inset;border-radius:10px">文字</span> |
|
| |
|
| <p style="color:ffffff;text-shadow: -3px 0px 3px yellow,
| |
| 3px 0px 3px yellow,
| |
| 6px 0px 6px yellow,
| |
| -6px 0px 6px yellow; ">我的背景颜色为</p>
| |
|
| |
|
| | {{color|hsla(105,40%,80%,100%)|hsla(105,40%,80%,100%) }} |
|
| |
|
| | <span style="box-shadow:0px -20px #CCE9FA inset;border-radius:10px">文字</span> |
|
| |
|
| | | <span style="color: hsla(200,39%,49%,40%)> hsla(200,39%,49%,40%)</span> |
| | |
| | |
| | |
| | |
| | |
| | |
| {{color|#BFEAEF|BFEAEF}}{{color|#81BEF7|81BEF7}}
| |
| {{color|#819FF7|819FF7}}
| |
| {{color|#58ACFA|58ACFA}}
| |
| {{color|#6FA4ED|'''6FA4ED'''}}
| |
| | |
| {{color|#516AC3|516AC3}}
| |
| | |
| <span style="box-shadow:0px -12px #CCE9FA inset">背景</span>
| |
| | |
| <p style="box-shadow:0 12px #CCE9FA inset;line-height:5px;height:12px">背景</p>
| |
| | |
| <p style="background-color:#CCE9FA;line-height:5px;height:12px"> 背景</p>
| |
| | |
| <div class="col col-12 blue"> {{color|#ffffff|。。。}}</div>
| |
| | |
| | |
| | |
| | |
| ####likely adj.有可能的
| |
| | |
| *likely 有可能的
| |
| *possible 可能的
| |
| *probable 很可能的
| |
| | |
| sb./sth./it be likely to do sth.
| |
| sth./it be possible to do sth.
| |
| <s>be probable to do sth.</s>
| |
| | |
| ↔unlikely
| |
| | |
| | |
| adv.可能(与most,very连用)
| |
| | |
| likely=possibly=probably
| |
| be less likely to do sth.
| |
| be less likely that-clause
| |
| | |
| | |
| while likely he understood very little of them, the books were his introduction to classical painting.
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| {{#time: Y-m-d}}
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| =nothing=
| |
| | |
| <font color="white">***466*** ___5656___斜体
| |
| --- 分割线
| |
| | |
| | |
| #册
| |
| ##章
| |
| ###节
| |
| ####课
| |
| #####知识点
| |
| ######备用
| |
| | |
| | |
| | |
| | |
| '''# 单元'''
| |
| | |
| ##课
| |
| ###
| |
| | |
| green 词汇
| |
| 语法,
| |
| | |
| ####单词
| |
| ######备用
| |
| | |
| | |
| ①
| |
| | |
| ②
| |
| ③
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| </font> | |