![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CSS
CSS的学习和常见业务场景实例。
沈清秋.
这个作者很懒,什么都没留下…
展开
-
img或background-image实现图片高度根据宽度改变而改变
img或background-image实现图片高度根据宽度改变而改变。图片的高度根据宽度进行自适应。原创 2023-06-20 16:54:15 · 3764 阅读 · 0 评论 -
当使用 background-image 表示图片时,通过设置 background-color 的好处
当使用 background-image 表示图片时,通过设置 background-color 也可以带来一些好处。原创 2023-06-20 15:13:36 · 345 阅读 · 0 评论 -
仿el-select实现点击按钮显示下拉框
实现点击按钮显示下拉框,点击下拉框外面部分下拉框关闭(点击下拉框里面部分下拉框不关闭)原创 2023-06-15 21:19:00 · 1806 阅读 · 0 评论 -
当浏览器缩放时,scrollTop不生效
当浏览器缩放时,scrollTop++不生效,scrollTop++一直为0转载 2023-06-15 09:53:40 · 1035 阅读 · 0 评论 -
如何实现浏览器字体小于12px
浏览器字体默认显示为12px为最小字体,当style="font-size=10px"的时候,字体也会显示为12px可以通过transform: scale()样式进行字体修改,如下所示:<div id="About"> <!--字体大小为16px--> <p class="size-16">你好世界!</p> <!--字体大小为12px--> <p class="size-12">你好世界!</p>原创 2021-08-29 17:31:16 · 1003 阅读 · 0 评论 -
html中鼠标移动在标签上出现小手形状
对于很多标签来说,在实现点击事件或者其他的事件的时候最好鼠标移到标签上要实现光标变为小手形状,可以实现的方式如下:通过CSS样式实现:<div style="cursor: pointer">鼠标移动到这</div>当把css样式中的cursor属性改为pointer样式,就可以实现鼠标移动到标签上会显示小手形状...原创 2021-08-17 23:08:08 · 16249 阅读 · 1 评论