文章分类 -  css

用于学习css属性的积累
前端打印中出现的问题及解决方法
摘要：问题一：表格嵌套边框问题 问题二：表格嵌套，边框对齐问题； th中的表头设置百分比，嵌套表格里面的td设置同样的百分比。 <table id="printBox" class="outer-table" cellspacing="0" cellpadding="0" align="center" b 阅读全文
posted @ 2024-03-06 22:42 山吹同学 阅读(713) 评论(0) 推荐(0)
css制作三条杠
摘要：效果图: html代码: <div class="wrap"> <div class="test"> </div> </div> css代码： body{ background-color: #008000; } .wrap{ border: 1px solid white; width: 30px 阅读全文
posted @ 2020-05-06 22:11 山吹同学 阅读(540) 评论(0) 推荐(0)
css制作三角形
摘要：效果图: html代码: <div class="traigle"></div> css代码: .traigle{ width: 0px; height: 0px; border-left: 50px solid chocolate; border-top:25px solid transparen 阅读全文
posted @ 2020-05-06 17:24 山吹同学 阅读(94) 评论(0) 推荐(0)
css3中的@keyframes的使用
摘要：效果图： 想象一下他们都是动图 旋转图和滚动图 html代码如下: <div class="back"> <img src="img/girl4.png"/> </div> <br></br> <div class="txt"> <span data-txt="床前明月光">床前明月光</span> 阅读全文
posted @ 2020-05-03 23:42 山吹同学 阅读(943) 评论(0) 推荐(0)