导读：最近HTML5和
CSS
3是越来越普及，HTML5&
CSS
3不会在大分辨率显示屏上出现马赛克等优点也渐渐被人注意到。很多网站都渐渐大量使用
CSS
3做网站美化，HTML5&
CSS
3的优秀作品层出不穷！甚至有的网站已经完全抛弃图片，仅使用
CSS
和JavaScript创造出简介而又华丽的界面。下面是国外作者@jtauber的使用
CSS
创作蜂巢
效果
的技术介绍（上面是最终
效果
图）：
height:100px;width:100px;border:30pxsolid#999;如果给每border附上不同的颜色的值：height:1
西方文字最小宽度由特定的连续的英文字符单元决定。并不是所有的英文字符都会组成连续单元，一般会终止于空格（普通空格）、短横线、问号以及其他非英文字符等。例如，“display:inline-block”这几个字符以连接符“-”作为分隔符，形成了“di...
特别声明：此篇文章内容来源于@ANA TUDOR翻译的《Scooped Corners in 2018》一文。记得@Lea Verou的《
CSS
Secrets》一书和前...
最近每天都带一个苹果加餐，有次吃到一个十分漂亮的红苹果，突然觉得，可以试着画一个苹果看看。之前确实无法想象，可以使用
CSS
能画出一个苹果。先看
效果
：你没有看错，这个不是真苹果。仅仅一百多行代码就可以实现的
CSS
的红苹果。我自己看到最终
效果
都惊呆了。第一步画出苹果的轮廓：.apple { position: relative; width: 300px; height: 270px; bac...
这里为大家带来几种表现惊人的
css
背景
效果
，
纯
css
表现
效果
，有桌布
效果
，星空
效果
，心形
效果
，砖墙
效果
等。请欣赏：background:
radial-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.15) 30%, rgba(255,255,255,.3) 32%, rgba(255,255,255,0) 33%) 0 0,
radial-gr
简单的小知识
div的凸起和
凹
陷
效果
之前一直觉得是背景渐变等方式实现，最近突然发现只需要对div的边框
进
行区别设置即可，感觉非常神奇，于是分享一下。
请仔细观察对比示例中四周边框的设置，边框宽度是不一样的。
效果
在最后
示例如下：
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE
ul{display: block;}
ul li{transition: transform 0.25s ease;float: left;width: 200px;height: 200px;line-height: 200px; text-align: center;margin: 10px; background-color: #00b5e1;list-st
