随笔分类 -  css

完美实现按下鼠标移动元素功能
摘要：先上代码 1 const handleChangePosition = () => { 2 const element = canvasBox.value as HTMLDivElement; 3 let startX = 0, startY = 0, initialX = 0, initialY 阅读全文
posted @ 2024-01-18 15:39 _只码农 阅读(48) 评论(0) 推荐(0)
css3属性选择器，“~”（波浪号）、“，”（逗号）、“+”（加号）和（大于号）详解
摘要：1、>(大于号) 子元素选择器 选择某元素后面的第一代子元素 2、~（波浪号） ~波浪号的意思是 选取 某个元素之后的所有相同元素 .box~p 这句就是 选取 .box 后面所有的 p 3、,（逗号）群组选择器 可以对选择器进行分组，被分组的选择器就可以分享相同的声明 4、+（加号）相邻兄弟选择器 阅读全文
posted @ 2022-08-30 16:29 _只码农 阅读(1475) 评论(0) 推荐(1)
css实现三角矩形的步骤条
摘要：前不久在开发过程中遇到需要类似下图的步骤条 在面向百度编程的帮助下，结合本人的项目需求实现的，在此记录，以备不时之需。 项目使用的uniapp框架，:style里面的是修改步骤条在不同期间的颜色。无关形状，可以不管 <view class="setups"> <view class="s1" v-f 阅读全文
posted @ 2022-04-18 15:36 _只码农 阅读(385) 评论(0) 推荐(0)
uni-table类似斑马纹表格，但奇偶行的单元格颜色不同的实现方法
摘要：在项目开发中，要做类似的表格效果，如图： 实现方法： //奇数行 //奇数行第一个单元格 .uni-table .uni-table-tr:nth-child(odd) :first-child { background-color: #F7F7F7; } //奇数行第二个单元格 .uni-tabl 阅读全文
posted @ 2021-09-15 17:18 _只码农 阅读(1003) 评论(0) 推荐(0)
css 弧线
摘要：display: block; width: 16px; height: 6px; border: 2px solid #1876E9; border-radius: 0 0 50% 50%/0 0 100% 100%; border-top: none; margin: 0 auto; 效果： 阅读全文
posted @ 2021-09-13 11:19 _只码农 阅读(394) 评论(0) 推荐(0)
CSS 单行、多行文本溢出显示省略号
摘要：< 记录贴 > HTML部分 <div class="overhidden">Lorem ipsum dolor sit amet consectetur adipisicing elit. Alias odit quos aut itaque nulla explicabo vitae volup 阅读全文
posted @ 2021-08-31 16:42 _只码农 阅读(36) 评论(0) 推荐(0)