按照关键词 ‘‘css’’ 的文章

关于伪元素的用法

关于伪元素的用法
现在网页前端设计真的太厉害了,十多年前很多都要使用图片或者js来实现,现在是要一些简单的代码就能达到很好的效果。最简单的就是二十年前wordpress经典默认主题Kubrick《wordpress主题Kubrick的历史》就是使用了阴影圆角图片达到了边框圆角效果而闻名。但是后来龙哥通过边框的圆角加阴影效果来完美实现了,详见《再次修改
2023年12 月26日 没有评论 2,616次

如何去掉antd中Input、Textarea标签获取焦点时的蓝色边框

如何去掉antd中Input、Textarea标签获取焦点时的蓝色边框
Input和Textarea等标签 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。 最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。 解决方法:通过CSS样式覆盖原始效果。 .ant-input:focus {     border: none;     box-shadow: non
2023年8 月4日 没有评论 1,236次

hr标签用css实现分隔线玩出新花样

hr标签用css实现分隔线玩出新花样
日常开发经常会用到网页分隔线,例如列表下拉到最后,类似于“我是有底线的”这样的提示,就会伴随分隔线。 通常,这样的分隔线是使用<div>标签模拟的,其实我们可以使用语义更好的<hr>标签模拟。 HTML <hr>元素虽然是一个非闭合标签,但是也是支持::before和::after伪元素的。 因此,我们可以使用<hr&g
2022年10 月26日 1 条评论 3,165次

如何通过CSS改变选中的文字的背景色

如何通过CSS改变选中的文字的背景色
很久之前就看到过,有些网页,选中文字的时候,文字的背景色不是默认的蓝色:即:“浏览器中默认的选中的文字颜色为白色,背景色为蓝色。” 而是其他的颜色,比如红色。现在又看到一个例子: 选中文字的背景色是粉红色的: 现在想要给wordpress中当前retina主题也添加同样的效果。 【解决过程】 1.网上搜了下,找到了:  
2014年12 月7日 5 条评论 7,124次