- 2024-08-22antd5版本修改Table组件滚动条样式
因为项目需求，要将Table组件的样式修改为UI图所给的效果，但是怎么写都不生效最后发现在 .ant-table的样式中设了scrollbar-color，只要把这里的样式设为scrollbar-color:auto;然后再改.ant-table-body里面滚动条的样式，就可以了.ant-table-body{&::-w
- 2024-08-08矩形元素加圆角
矩形元素加圆角要解决页面中矩形元素4px圆角样式属性由于样式优先级导致的禁用问题，可以尝试以下几种方法：使用更具体的选择器：确保您的选择器比覆盖样式的选择器更具体。例如，如果覆盖样式使用的是类选择器，您可以使用ID选择器、属性选择器或结合更多的父元素来提高选择器的特异
- 2024-07-31css标签样式
//绿色.text{background-color:#06a18d;color:#fff;letter-spacing:0;line-height:16px;padding:02px;text-align:center;position:absolute;width:50px;height:20px;line-height:20px;top:-15px;right:-240px;border-
- 2024-07-29Argon 主题美化
页脚在Argon主题选项的页脚内容中添加如下内容<divclass="github-badge-big"> <spanclass="badge-subject"><iclass="fafa-id-card"></i>备案号</span> <spanclass="badge-valuebg-orange"> <!--备案链
- 2024-04-27简单理解盒子模型
1.什么叫盒子模型在html中大部分元素，特别是块元素display:block;都可以被看做一个盒子。网页布局就是一个一个盒子的平铺，堆叠，嵌套摆放。这么多的盒子放在一起，最重要的就是去关注他们的各种尺寸，边界等等，主要怕意料外的重叠一类导致的显示不正常。2.W3C和IE盒子模型指的什么？W3
- 2024-03-07VUE Grid的写法
<template><table><thead><tr><thv-for="colingridColumns":key="col">{{col}}</th></tr></thead><tbody><tr
- 2023-12-14vue升序降序按钮功能实现
需求：默认升序，悬浮按钮变色，点击按钮下标跟随变化。html<divclass="right"@click="change(item,index)"v-for="(item,index)inbtnList":key="index">{{item.lable}}<divclass="
- 2023-12-07CSS如何给字体加边框
<h1>字体边框</h1>h1{background-color:black;font-family:"Raleway",sans-serif;font-size:28px;color:red;//下方是加边框的内容text-shadow:4px4px0white,4px-4px0white,-4px-4px0white,-4px4px0white,4px3px0w
- 2023-11-30argon主题优化
字体设置字体可以在字体天下、100font等网站里免费下载。通过转换网站获得woff2格式文件。你可以上传到网站根目录或者某个CDN里，然后添加下列额外CSS（具体方法见下）：/*设置网站字体*//*原则上你可以设置多个字体，然后在不同的部位使用不同的字体*/@font-face{font-family:btf
- 2023-11-15vue~封装一个文本框标签组件
用到的技术父组件向子组件的传值类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如：props:{message:{type:String,default:'DefaultMessage'},count:{typ
- 2023-09-26vue~封装一个文本框标签组件
用到的技术父组件向子组件的传值类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如：props:{message:{type:String,default:'DefaultMessage'},count:{
- 2023-06-15盒子阴影
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="author"content="http://www.softwhy.com/"/><title></title><styletype="text/css">*{margin:0;
- 2023-05-01TextView显示文字过长时添加阴影渐变消失效果
TextView上显示的文字超过其最长限制的时候，要如何实现以下效果：values/styles.xml<stylename="AudioFileInfoOverlayText"><itemname="android:paddingLeft">4px</item><itemname="android:paddingBottom"
- 2023-03-11css实现画面转场以及边框线条动画
效果预览在实现转场效果之前，需要先了解css的clip-path属性，该属性就是实现转场的核心属性，clip-path属性可以使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的
- 2023-02-09CSS 3.0实现卡片悬停立体特效
今天给大家分享一个用CSS3.0实现的卡片悬停立体特效，效果如下：以下是代码实现，欢迎大家制复粘贴和收藏。<!DOCTYPEhtml><htmllang="en"><head><metacharset="U
- 2023-01-31纯css3D按钮多种悬停特效
效果如下代码演示地址CSS代码如下 body{background:#e0e5ec;}h1{position:relative;text-align:center;color:#353535;font-size:50px;font-family:
- 2023-01-05CSS - 设置内边距padding，复合写法，内边距会影响盒子大小的问题
1.设置内边距/*设置上内边距*/padding-top:20px;/*设置下内边距*/padding-bottom:20px;/*设置左内边距*/padding-left:20px;/*设置右内边距*/padding-right
- 2022-11-01自定义滚动条
不借助<el-scrollbar>这种标签，实现滚动条的效果一、使用<div>标签，设置height:700px;overflow:auto;二、<el-main>标签，设置：.el-main{height:600px;overflo
- 2022-08-22通过 css3 自定义、修改滚动条的样式
::-webkit-scrollbar{width:4px!important;background-color:#012d58!important;border-radius:4px!important;}::-web