CSS十六种基本颜色详解

CSS十六种基本颜色 aqua水绿#00FFFF black黑#000000 blue蓝#0000FF fuchsia紫红#FF00FF gray灰#808080 green绿#008000 lime浅绿#0...

input标签设置disabled="disabled"属性的效果?详解

1.如果不提交表单,设置了disabled属性的input标签的值是不可选取不可编辑状态; eg: <td width="15%" class="mip_form_td_label"><span>库存量:<...

HTML5 + CSS3 实现地球绕太阳公转详解

使用的是正面视角,主要是用 HTML5 + CSS3 来实现,JS只是用来画图。 test.html: <!DOCTYPE html> <html> <head> <me...

纯CSS3实现旋转木马详解

test.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>...

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...