css
关注
分享
扫一扫
_必应
不用害怕问题，有些问题可能并没有想像中的那么困难，可能最后发现只是不小心碰到了键盘呢！
展开
-
antd Avatar.Group头像列表层叠顺序调整，第一个在最上面
实现原理非常简单，修改原生css，设置层组件z-index的值(假设子元素都是div，自行修改)ant design官网。原创 2024-05-22 11:16:42 · 259 阅读 · 0 评论 -
23年春节到了，学会使用控制台挂幅对联
用控制台输出对联，结合console的&c占位符书写样式，横批：空格+文字使用两个样式。对联：进行拆分，高、空格、福；分别使用样式。原创 2023-01-09 17:27:23 · 119 阅读 · 0 评论 -
input文本输入框的文字居中处理
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta...转载 2012-07-18 10:25:48 · 8530 阅读 · 0 评论 -
CSS自定义checkbox样式
[type=checkbox]是过滤的意思，意思是说如果遇到type=checkbox的，就执行以下的样式。 input[type=checkbox], input[type=radio]{ -webkit-appearance: none; appearance: none; width: 13px; height: 13px; margin: 0; cursor: pointe...转载 2018-09-03 09:56:32 · 959 阅读 · 0 评论 -
css3水平滚动
.marquee { height: 2rem; width: 100%; line-height: 2rem; background: #FFF5E3; color: #FF9D00; padding: 0 .7rem; font-size: .8rem; overflow: hidden; position: relative; div { di...原创 2018-09-03 09:36:44 · 764 阅读 · 0 评论 -
css3 switch开关的实现
<input type="checkbox" id="switch" /><label for="switch">Toggle</label>input[type=checkbox]{ height: 0; width: 0; visibility: hidden;}label { cursor: pointer; ..转载 2018-09-03 09:35:37 · 242 阅读 · 0 评论 -
学习使用：before和：after伪元素
第一，“伪元素”，顾名思义。它创建了一个虚假的元素，并插入到目标元素内容之前或之后。 第二，在内容模块中提到，伪元素如果没有设置“content”属性，伪元素是无用的。 插入非文本内容 我简要的提醒，你可以把属性的值置为空字符串或是插入文本内容。你基本上有属性的值要包含什么的两个额外的选择 首先，你可以包含一个指向一个图像的URL，就像在css里包含一个背景图像一样做你能做的p:b...转载 2018-09-03 09:30:50 · 193 阅读 · 0 评论 -
css3 常用代码
css3文字水平滚动效果.marquee { height: 2rem; width: 100%; line-height: 2rem; background: #FFF5E3; color: #FF9D00; padding: 0 .7rem; font-size: .8rem; overflow: hidden; position: relative;原创 2018-01-10 21:15:36 · 1614 阅读 · 0 评论 -
css 常用代码片段
全局背景变灰//特殊情况下网页整体背景变灰的处理html { filter: grayscale(100%);}//方案二：html { filter: url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\"><filter id=\"grayscale\"&g原创 2016-04-23 15:33:05 · 458 阅读 · 0 评论