随笔分类 -  css相关

css技巧
摘要：https://segmentfault.com/a/1190000044084906?utm_source=sf-similar-article 阅读全文
posted @ 2023-10-10 09:37 古德拉克 阅读(4) 评论(0) 推荐(0) 编辑
Flex左右布局，高度相等自适应
摘要：Flex布局是一种现代的CSS布局技术，它提供了一种灵活的方式来定义网页中的元素位置和大小。其中，左右布局就是利用Flex布局的“flex-direction”属性来实现的。 具体实现方法如下： 1.在父元素上设置display:flex来启用Flex布局； 2.设置flex-direction属性 阅读全文
posted @ 2023-03-08 16:30 古德拉克 阅读(9798) 评论(0) 推荐(0) 编辑
滚动条样式修改
摘要：/*滚动条样式*/ .innerbox::-webkit-scrollbar { width: 4px; /*height: 4px;*/ } .innerbox::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: 阅读全文
posted @ 2021-12-25 11:11 古德拉克 阅读(34) 评论(0) 推荐(0) 编辑
记录一下-纯 CSS实现根据元素已知的宽度设置高度以及注意事项
摘要：核心知识点： 实例： // HTML<div class="box"> <img src="https://dummyimage.com/400x500/ff3ff3)" alt=""></div> // CSS.box { position:relative; width:40%; height: 阅读全文
posted @ 2021-12-18 11:36 古德拉克 阅读(111) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示