|
|
第1行: |
第1行: |
| <span style="padding-bottom: 10px;border-bottom: 2.6px solid #000000;">
| |
| <font color="#000000" size="6">标题</font>
| |
| </span>
| |
|
| |
|
| |
| <span style="color: hsla(200,39%,49%,40%)> hsla(200,39%,49%,40%)</span>
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| 语文 | | 语文 |
第38行: |
第22行: |
|
| |
|
|
| |
|
|
| |
| <span style="box-shadow:0px -20px hsla(105,40%,88%,100%) inset;;border-radius:10px">背景背景背景背景</span>
| |
|
| |
|
| |
|
| |
| <!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>
| |
| <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>
| |
| </div>
| |
| </body>
| |
| </html>
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| <center><font color="#FA8072" size="6"><u>标题</u></font></center>
| |
|
| |
|
|
| |
|
|
| |
|
| {| 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>
| |
|
| |
| {{color|#516AC3|516AC3}}
| |
|
| |
| {{color|hsla(105,40%,80%,100%)|hsla(105,40%,80%,100%) }}
| |
|
| |
|
| 【课本】 | | 【课本】 |
第193行: |
第64行: |
| [[Category:人物]] | | [[Category:人物]] |
|
| |
|
| | |
| | |
| | |
| | |
| | |
| | {{color|#BFEAEF|BFEAEF}}{{color|#81BEF7|81BEF7}} |
| | {{color|#58ACFA|58ACFA}} |
| | {{color|#6FA4ED|'''6FA4ED'''}} |
| | {{color|#819FF7|819FF7}} |
| | {{color|#516AC3|516AC3}} |
| | |
| | <span style="box-shadow:0px -12px #CCE9FA inset">背景</span> |
| | <p style="background-color:#CCE9FA;line-height:5px;height:12px">背景</p> |
| | |
| | <div class="col col-12 blue"> {{color|#ffffff|。。。}}</div> |
|
| |
|
|
| |
|
第203行: |
第89行: |
| {{渐变|291deg,#1F1E33,#4B0082,#00DDFF,#33FF66|。,,}} | | {{渐变|291deg,#1F1E33,#4B0082,#00DDFF,#33FF66|。,,}} |
|
| |
|
| | {| style="width: 100% !important; background: transparent;" |
| | |- style="text-align: center; background: #BFEAEF;" |
| | |<span style="color:#ffffff;face=宋体">喵喵喵喵喵喵喵喵</span> |
| | |- style="text-align: center; background: #BFEAEF;" |
| | | |
| | |} |
|
| |
|
| <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>
| | {| style="width: 100% !important; background: transparent;" |
| | | |- style="text-align: center; background: #BFEAEF;" |
| | | | <span style="display: inline-block; padding: 4px">。。</span> |
| solid实线;dashed虚线;
| | <span style="color:ffffff;face=宋体">喵喵喵喵喵喵喵喵</span> |
| | | |- style="text-align: center; background: #BFEAEF;" |
| | | |
| | |} |
|
| |
|
|
| |
|
第218行: |
第112行: |
| -6px 0px 6px yellow; ">我的背景颜色为</p> | | -6px 0px 6px yellow; ">我的背景颜色为</p> |
|
| |
|
| | <center><font color="#FA8072" size="6">标题</font></center> |
| | |
| | <p style="box-shadow:0 12px #819FF7 inset;line-height:5px;height:12px">背景</p> |
| | |
| | |
| | <span style="padding-bottom: 10px;border-bottom: 2.6px solid #000000;"> |
| | <font color="#000000" size="6">标题</font> |
| | </span> |
|
| |
|
|
| |
|
| | <span style="box-shadow:0px -12px #fceca3 inset">背景</span> |
|
| |
|
| | {{color|#516AC3|516AC3}} |
|
| |
|
| | <span style="box-shadow:0px -20px hsla(105,40%,88%,100%) inset;;border-radius:10px">背景背景背景背景</span> |
|
| |
|
| | <span style="box-shadow:0px -20px #CCE9FA inset;;border-radius:10px">背景背景背景背景</span> |
|
| |
|
| | {{color|hsla(105,40%,80%,100%)|hsla(105,40%,80%,100%) }} |
|
| |
|
| | <span style="color: hsla(200,39%,49%,40%)> hsla(200,39%,49%,40%)</span> |
|
| |
|
|
| |
|
| {{color|#BFEAEF|BFEAEF}}{{color|#81BEF7|81BEF7}}
| | <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> |
| {{color|#819FF7|819FF7}}
| | |
| {{color|#58ACFA|58ACFA}}
| | |
| {{color|#6FA4ED|'''6FA4ED'''}}
| | solid实线;dashed虚线; |
| | |
|
| |
|
| {{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>
| |
|
| |
|
|
| |
|