自动缩进代码
text-indent: 2em
邮箱a标签
<a href="mailto:shiling@sg-aml.tech">xiaoheihym@gmail.com</a>
背景透明
background-color:transparent
鼠标悬停出现 下划线
a:hover{text-decoration:underline!important}
<p style="margin: 0;"> </p>
<!--不显示边框,设置上边框30px 实线 颜色--><hr style="border: none; border-top: 5px solid #9966b3;" />
9966b3
英文第二行 自动缩进
p {
text-indent: -4em;
margin-left: 4em;
}
Quantity Field on Shop Page for WooCommerce 插件 让 WooCommerce 出现数量选项
CSS优先级
!important优先调用等级
CSS优先级 从上到下 从外到内
.a{}
.dvi .a{}
div 要高于 A
根据屏幕宽度调整元素大小
@media screen and (max-width: 769px){
.list-main{
padding: 10px 10px;
font-size: 20px !important;
}
}
去除 UL小点
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
WordPress纯代码添加按钮
<div id="download" style="text-align: center;>
<a style="border-radius: 5px; color: #fff; text-decoration:none; background-color: #32a5e7; border: 2px solid #32a5e7; text-indent: 0; padding: 8px 25px 9px;"href="#">
点我下载
</a>
</div>
ol数字标签自定义
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ol start="50">
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
嵌入
<iframe src="https://example.com" width="500" height="600"></iframe>
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容