状态码502和504分析详解

一. 戏说 不管你是做运维还是做开发,哪怕你是游客,时不时会遇到502 Bad Gateway或504 Gateway Time-out。出现这页面,把服务重启下,再实在不行重启下服务器,问题就解决了,但是,这问题还是会困扰着你,...

css3实现border渐变色详解

案例1 .box{ width: 100px; height: 100px; border:10px solid #ddd; border-image: -webkit-linear-gra...

css实现梯形详解

使用伪元素before和after分别在矩形元素前后加三角形或者直接设置border 使用3d旋转矩形,使之看起来像矩形 <html> <head> <meta charset=...

CSS3自定义滚动条样式 -webkit-scrollbar详解

有没有觉得浏览器自带的原始滚动条很不美观,同时也有看到很多网站的自定义滚动条显得高端,就连chrome32.0开发板都抛弃了原始的滚动条,美观多了。那webkit浏览器是如何自定义滚动条的呢? 前言 webkit支持拥有ove...

CSS边框长度控制详解

以前需要边框长度比容器小一些时,我用div嵌套。后来发现伪类在实现这个效果时很方便,只需要一个div就够了,另外调整padding和margin都不会很麻烦。 <div class="content-block">...

The Shapes of CSS(css的形状)详解

All of the below use only a single HTML element. Any kind of CSS goes, as long as it's supported in at least one browser...

CSS制作图形速查表详解

很少会有人意识到,当浏览器绘制的border,会有一个角度的问题。我们就是得用这样的一个技巧来制作三角的效果。我们只需要保证一边的边框是有色,其他边框色为透明色,这样我们就很容易制作出三角形,然后改变其大小来实现不同的效果。(最早发现使用b...

css动画 文字闪烁效果详解

/*定义页面基础CSS*/ body{ font-family: 'microsoft yahei',Arial,sans-serif; color: #EFEFEF; background: #222; text-align: cent...

css如何制作八边形详解

随着技术的发展,css也越发强大,css可以制作很多有趣的图形,让我们一起来看一下如何使用css制作一个八边形吧。  ...

史上最强大的40多个纯CSS绘制的图形详解

Square(正方形) #square { width: 100px; height: 100px; background: red; } Rectangle(矩形) #rectangle {...