空:修订间差异

删除1,502字节 、​ 3年前
标签移动版编辑 移动版网页编辑 高级移动版编辑
标签移动版编辑 移动版网页编辑 高级移动版编辑
第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>




1,458

个编辑