-
![CSS3制作Freebie标签]()
CSS3制作Freebie标签，其中最有亮点的是使用css3来实现斜线背景以及方格背景，然后就是使用@font-face来制作icon图标。原理简单，重要的是思路，以及这两种背景实现的细节。 代码如 2018-08-30 599 0 0 0 -
![CSS实现重叠线]()
CSS实现重叠线效果，上次做某个小项目设计给设计的，我考虑的有负margin，浮动和定位等方法做，但是效果都不是很好，兼容问题很头疼。偶尔看到新版腾讯有这种样式，只是宽度不一样，看了下代码很简单，分 2018-08-23 640 0 0 0 -
![CSS3 Box-Shadow Effects阴影图片框效果]()
CSS3 Box-Shadow Effects阴影图片框效果，边框阴影效果，学会了不但可以用于图片的边框制作，还可以用于其它的Div层的修饰，CSS3真的很神奇。 代码如下： !DOCTYPEHTM 2018-08-23 635 0 0 0 -
![CSS3绘制砖墙]()
css3绘制砖墙-没有用任何图片，CSS3真的很牛叉，用它可绘制很多的图案，而且都很实用，挺新鲜，本款是使用CSS3绘制砖墙，也挺不错。 代码如下： !DOCTYPEhtmlPUBLIC-//W3C 2018-08-23 601 0 0 0 -
![CSS3做的头像效果，CSS3学习实例]()
一个CSS3做的头像效果，CSS3的学习实例，做的虽然不是太好，但通过这个实例您至少可以学习不少的知识点，CSS3越来越流行，越来越强大，你值得拥有。 代码如下： !DOCTYPEhtmlheadm 2018-08-23 689 0 0 0 -
![纯CSS气泡对话框]()
看了网上的文章后，自己动手写了一个CSS对话框气泡，其实在有些提示框中，经常可以看到这种带了貌似气泡的形状，用CSS实现的过程也并不算复杂，这个过程是让您进一步理解CSS布局编程的过程，总体来说，这 2018-08-23 612 0 0 0 -
![CSS3绘图实例代码]()
CSS3绘图实例代码，请在火狐运行，css3的圆角形状，在经过transform处理之后，overflow属性hidden值的表现会出现不兼容，moz核心下正常，在webkit核心的浏览器下，hid 2018-08-23 637 0 0 0 -
![火狐下使用after伪类来模拟省略号]()
火狐下的省略号问题一直没有得到解决，今天总想着把这个问题给修成正果，结果就想了一个使用火狐下的after伪类来模拟省略号，具体做法就是给content一个…的值，然后hack解决宽度问题，使其看上去 2018-08-23 655 0 0 0 -
![CSS3实现的立体按钮]()
这是一个CSS3效果，如果看不到立体效果，请选用火狐 、Chrome等浏览器，IE8下看不到效果的。CSS3逐渐流行，比传统CSS功能更加强，性能更高，期待与大家一起研究CSS3技术。CSS3实现立 2018-08-23 649 0 0 0 -
![未知图片大小的自动水平和垂直居中方法]()
JS实现未知大小的图片在已知大小的容器中水平和垂直剧中，我觉得在写瀑布流布局的时候能用得上，和瀑布流觉得挺相似的效果，作者在关键点都加入了注释，确认对学习CSs是相当有价值的代码。为了演示快速，这里 2018-08-23 685 0 0 0 -
![CSS实现在FireFox下截取字符串显示省略号]()
使用CSS截取字符串并显示成省略号是一个比较实用的功能，将需要截取的时候交给CSS前端来处理，减少服务器资源浪费，使网页速度更快，但是有时候由于浏览器的兼容性，致使CSS截取字符串在IE和火狐下的处 2018-08-21 665 0 0 0 -
![HTML5 纯css圆角代码]()
测试需要IE9以上版本，HTML5环境下的纯CSS圆角，代码看似挺简单，为了菜鸟们使用，写了这个完整的例子，IE8以下不适用哦，再此表示遗憾，看效果的请使用火狐或Chrome测试，在此感谢！ 代码如 2018-08-21 692 0 0 0 -
![CSS 背景图片居中]()
做网页经常会遇到让背景图片居中的问题，现在都是使用的Div+CSS布局，如何在这种布局方式下实现背景居中呢?我们通过CSS中最常用的background-image属性，来实现居中，这城用到了一句关 2018-08-21 757 0 0 0 -
![CSS图片透明]()
CSS代码实现好用的图片透明特效，filter: alpha(opacity=25)，这里的数值越大，越不透明，意思是越小越透明，变成0时，图片就看不到了，想一下，你可以制作一个鼠标效果明显的图片链 2018-08-21 665 0 0 0 -
![CSS 文字上下颠倒显示]()
做网页时候，个别地方需要网页文字颠倒显示，垂直上下颠倒，有意思吧？代码兼容全系列浏览，兼容IE/火狐、Safari和Opera等，针对不同的浏览器都有对应的处理代码。 代码如下： htmlheadm 2018-08-21 1657 0 0 0
站长推荐
