![](https://img-blog.csdnimg.cn/20190918140213434.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
CS3
CS3
小阳生煎
你尽管努力,最坏不过大器晚成
展开
-
视频媒介video
代码】视频媒介video。原创 2022-07-26 15:53:30 · 279 阅读 · 0 评论 -
显示滚动条并更改样式
效果图代码//列如 让table显示滚动条时 table { display: block; overflow-x: hidden; overflow-y: auto; height: 480px; border: 1px solid red !important; }/* 滚动条样式 */ table::-webkit-scrollbar { width: 6px; height: 80px !important; } ta原创 2021-11-02 09:39:25 · 174 阅读 · 0 评论 -
利用css伪元素画div的四个直角
https://blog.csdn.net/pilgrim_121/article/details/118278414原创 2021-10-15 11:31:48 · 422 阅读 · 0 评论 -
颜色在线转换工具
https://tool.lu/color/原创 2021-10-13 09:01:29 · 151 阅读 · 0 评论 -
css实现渐变效果
上下渐变 background-image: -webkit-gradient( linear, 0 0, 0 bottom, from(#FAFAFB), to(#92CBFF) ); -webkit-background-clip: text; color: transparent;左右渐变background: linear-gradient(to right, red, blue); backg.原创 2021-09-17 09:39:57 · 214 阅读 · 0 评论 -
box-shadow--阴影外阴影与外发光
https://jingyan.baidu.com/article/f71d60376486681ab641d13a.html原创 2021-09-10 15:47:44 · 481 阅读 · 0 评论 -
CSS中reset.css初始化设置
CSS中reset.css初始化设置原创 2021-05-26 11:43:18 · 333 阅读 · 0 评论 -
flex/Grid布局
flexGrid原创 2021-05-13 14:52:27 · 88 阅读 · 0 评论 -
css实现绘制形状
菱形效果图代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.one {border: 20px solid transparent;width: 0;border-bottom: 20px solid red;}.two {border: 20px solid原创 2021-05-06 11:56:02 · 364 阅读 · 0 评论 -
loading效果
附上参考loading参考loading1效果1代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scal原创 2021-04-17 13:03:51 · 287 阅读 · 0 评论 -
单/多文本超显省略号/超过设置的宽度走马灯向左滚动/展开收缩效果/文本超出换行显/滚动时去掉滚动条
单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;多行display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;//PS超出3行显示省略号overflow: hidden;原创 2021-04-17 10:23:31 · 268 阅读 · 0 评论 -
Sass与Less与tailwindcss
Less官网教程请点击教程Sass官方教程 请点击原创 2021-04-15 10:55:36 · 2053 阅读 · 0 评论 -
清除默认样式与更改样式
一般在项目中按钮默认会显示固定的样式,我们要手动清除清除button所有样式button { margin: 0; padding: 0; outline: none; border-radius: 0; background-color: transparent; line-height: inherit; width: max-content;}button:after { border: none;}清除待定...原创 2021-03-29 15:18:11 · 2096 阅读 · 0 评论