-
![CSS让文字半透明显示在图片上]()
CSS让一行文字显示在图片的底部，用来说明图片的内容，当作图片标题，标题文字和背景可以设置半透明，鼠标经过图片时边框换色。看上去视觉冲击力不错。 2018-07-27 418 0 0 0 -
![不规则形状的CSS鼠标经过变色效果]()
-
![又一个纯CSS无图片圆角框]()
-
![CSS使用LI实现商品打折图文展示效果]()
很不错的图文列表效果，用CSS的LI列表打造一个商品打折优惠的热点图文展示，很能吸引人眼球，用CSS做出来的，确实值得大家借鉴，也是比较实用的CSS布局方法。 2018-07-27 720 0 0 0 -
![纯CSS实现图片列表悬停放大特效]()
很不错的图片列表放大特效，鼠标悬停时图片放大并显示出相关文字信息，这是整合在一个图片列表中的好效果，比起单个的更实用，多见于一些产品类网站。 2018-07-26 545 0 0 0 -
![DIV对齐而已实例]()
-
![CSS横向条状图表演示代码]()
用CSS制作横向排列的条状图表演示代码，用来生成柱状图之类的数据统计表，的确是个不错的方法，而且代码浅显易懂，便于修改完善，基本雏形已经展示在大家面前，剩下的功能你可以继续扩展哦。 2018-07-26 512 0 0 0 -
![CSS分页美化代码]()
一个经典风格的CSS分页效果，这里仅仅是CSS代码，是一个分页样式的美化代码，并不包括实际的分页哦，直接把代码复制拷贝到你的网页中就能用了。 2018-07-26 401 0 0 0 -
![用CSS设计类似条状统计表效果]()
基于CSS实现，这里要注意一下，实际显示在柱状图上的数字要和CSS代码里的一致，否则会感觉数据有点乱，正因为这种设计思路，决定这款代友实用度不太高，只是可以用来学习CSS的百分比布局方法。 2018-07-26 482 0 0 0 -
![Div总在右下角的CSS实现方法]()
一个实用的提示效果，基于CSS-Div，打开网页后始终显示在右下角，拖动滚动条仍然固定在右下角不会变，通过这个CSS代码断你会更深一层理解CSS的层定位方法，对以后编写CSS帮助很大。 2018-07-26 425 0 0 0 -
![CSS使用LI实现2组4列的文章列表并垂直对齐]()
用CSs的LI标签实现一行内容分成左右两组显示，每组又分成左边显示标题，右边显时间的效果，用背景图片显示边线，这样结构清淅明了，很有层次感，同时学习CSS布局的朋友本实例也是值得看的。 2018-07-26 414 0 0 0 -
![CSS制作斜角上有背景图片的Div层]()
CSS控制一个Div的斜角处出现一个不规则的图片，DIV是不是漂亮多了？实现方法也不是太复杂，这里有个问题先说一下，本代码段用的是一张JPG格式的图片，有可能会遮挡文字，你在用的时候，最好处理一个J 2018-07-26 898 0 0 0 -
![简洁漂亮的CSS警告框，一般显示在网页上部]()
这个警告框非常简洁啊，简洁的都不好意思发布上来啦，不过觉得确实挺好看，CSS刚接触不久，写出这样的效果自己还很激动呢，希望大家在稍微改造一下，用到你的网页上，或许会有意想不到的效果。 2018-07-26 440 0 0 0 -
![CSS相对定位实现分页链接放大效果]()
比起绝对定位，相对定位的实用性更强悍，不论你把分而按钮布置在哪里，它都会在你移上的按钮上放大着重显示，给网页增添一点动感元素。本代码不牵扯任何的JavaScript代码，符合WEB标准。 2018-07-26 445 0 0 0 -
![CSS布局一个漂亮的滑块]()
注意它是一个静态的，没有加入JS,因此不能适时拖动，本示例重点是想表述CSS布局复杂图形的一种方法，好好看看代码，相信会对你帮助不少。 2018-07-26 494 0 0 0
站长推荐
