<html> <head> <meta charset="utf-8" content="text/htnl"> <title>button</title> <style type="text/css"> a.button{ position:relative; width: 80px; height: 50px; background-color: red; display: block;...
分类：
Web程序 时间：
2015-01-07 19:20:13
阅读次数：
213
1.凹进效果background:#f2f2f2 center repeat;border-bottom: 1px solid #e9e9e9;border-top: 1px solid #f9f9f9; 2.突出效果background:#f2f2f2 center repeat;border-t...
分类：
Web程序 时间：
2015-01-07 12:41:51
阅读次数：
132
.box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}第二个属性是如何处理文本中的空白：nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。第...
分类：
Web程序 时间：
2015-01-05 16:18:51
阅读次数：
177
CSS演武场今天继续，今天看一个纯css实现的3D图像轮转效果，请大家猛戳研究效果先，也可下载收藏先。
首先看html文件，div.billboard为效果的容器，利用10个div.poster分割图像，每个poster中有三个face，分别用来承载三个图像。
[html] view
plaincopy
div class="billboa...
分类：
Web程序 时间：
2015-01-05 09:34:17
阅读次数：
208
三角形变形记，用纯css实现的分布导航条效果 注册 登录 下单 付款一、border边框变形记：如果你要问这些是如何实现的呢？其实比较简单，只是平时大家很少关注罢了。我们习惯了用border定义边框，因为设计图的原因，大多是定义“1-5...
分类：
Web程序 时间：
2014-12-29 18:11:47
阅读次数：
195
周末闲着比较无聊，所以用纯css的方法画了4个常见的icon，虽然不太好看，而且代码比较多，但是可以当作是一个兴趣，慢慢玩，div比较多，其实可以用伪类：before和：after替换的，为了实现悬停变色，我外面包了一层a标签。 1 2 3 4 5 CSS icon...
分类：
Web程序 时间：
2014-12-28 14:07:48
阅读次数：
181
在没有引用jquery和其他插件的时候，可以通过纯css的方法实现popout框，效果类似tooltip。这种方法虽然很拙劣，但是未尝也是一种解决办法。我们都知道a标签有几个伪类可以使用，这里要特别注意的是a:link,a:visited,a:hover,a:active这四个伪类的顺序，若不按这样...
分类：
Web程序 时间：
2014-12-27 20:23:43
阅读次数：
245
导航一 导航1.1 导航1.2 导航1.3 ...
分类：
Web程序 时间：
2014-12-25 18:02:20
阅读次数：
103
原文:纯CSS实现下拉菜单及下拉容器等（纯CSS实现导航条及导航下拉容器）虽然网上类似甚至相同的案例有很多，但是我还是写下，以记下笔记，也可供大家参考
希望大家可以指导批评~~
首先我们以列表ul li 来开始我们菜单也可以说导航条的制作：
在页面中我们首先构建以下XHTML结构： Menu A M...
分类：
Web程序 时间：
2014-12-24 11:23:37
阅读次数：
161
虽然网上类似甚至相同的案例有很多，但是我还是写下，以记下笔记，也可供大家参考
希望大家可以指导批评~~
首先我们以列表ul li 来开始我们菜单也可以说导航条的制作：
在页面中我们首先构建以下XHTML结构：
body>
ul id="navWrapper">
li>
a href="#">Menu Aa>
ul>
li...
分类：
Web程序 时间：
2014-12-23 17:31:33
阅读次数：
199
