按照关键词 ‘‘css’’ 的文章
关于伪元素的用法
现在网页前端设计真的太厉害了,十多年前很多都要使用图片或者js来实现,现在是要一些简单的代码就能达到很好的效果。最简单的就是二十年前wordpress经典默认主题Kubrick《wordpress主题Kubrick的历史》就是使用了阴影圆角图片达到了边框圆角效果而闻名。但是后来龙哥通过边框的圆角加阴影效果来完美实现了,详见《再次修改
如何去掉antd中Input、Textarea标签获取焦点时的蓝色边框
Input和Textarea等标签 输入框组件在获取焦点时会有蓝色的边框,尝试用 outline:none 去掉这个边框,但是发现不管用。
最终通过 F12 调试发现 Ant Design 的 Input 组件在获取焦点时蓝色边框是通过 box-shadow 来实现的。
解决方法:通过CSS样式覆盖原始效果。
.ant-input:focus {
border: none;
box-shadow: non
hr标签用css实现分隔线玩出新花样
日常开发经常会用到网页分隔线,例如列表下拉到最后,类似于“我是有底线的”这样的提示,就会伴随分隔线。
通常,这样的分隔线是使用<div>标签模拟的,其实我们可以使用语义更好的<hr>标签模拟。
HTML <hr>元素虽然是一个非闭合标签,但是也是支持::before和::after伪元素的。
因此,我们可以使用<hr&g
如何通过CSS改变选中的文字的背景色
很久之前就看到过,有些网页,选中文字的时候,文字的背景色不是默认的蓝色:即:“浏览器中默认的选中的文字颜色为白色,背景色为蓝色。”
而是其他的颜色,比如红色。现在又看到一个例子:
选中文字的背景色是粉红色的:
现在想要给wordpress中当前retina主题也添加同样的效果。
【解决过程】
1.网上搜了下,找到了:
 
退而求其次用三拼或者其他的咯。如果商业站…