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