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