随笔分类 -  CSS

CSS
学习background-size的使用
摘要：对背景图片设置属性：background-size：cover;可以实现背景图片适应div的大小。 background-size有3个属性： auto：当使用该属性的时候，背景图片将保持100% 的大小显示，不进行任何缩放。超过div的多余部分将被隐藏。当图片过小时，图片会自动平铺。这种属性通常用 阅读全文
posted @ 2020-03-26 16:29 renxiaoren 阅读(417) 评论(0) 推荐(0)
Bootstrap: 样式CSS：carousel轮换 图片的使用
摘要：Bootstrap 轮播（Carousel）插件 Bootstrap轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能，那么您需要引用 carousel.j 阅读全文
posted @ 2016-06-01 17:17 renxiaoren 阅读(2716) 评论(0) 推荐(0)
Css 梯形图形 并添加文字
摘要：HTML页面的代码： <body> <div style="width:500px;border:solid 1px #ccc;"> <div> <div></div> <div class="trapezoid"></div> <div id="tranFont">即将推出</div> <h1>题 阅读全文
posted @ 2016-04-26 17:47 renxiaoren 阅读(3852) 评论(0) 推荐(0)
html 中设置span的width完美解决方法
摘要：在默认情况下，由于span是行标签，设置width是无效的。只有改变display的属性，才可以实现设置宽度。 1.初步想法 span{ background-color:#ccc; display:block; width:50px; } 如果想span单独成行，不与前后内容链接，可以这样写。如果 阅读全文
posted @ 2015-11-10 15:25 renxiaoren 阅读(15351) 评论(0) 推荐(0)