随笔分类 - CSS
摘要：原文：http://css-tricks.com/speech-bubble-arrows-that-inherit-parent-color/由于这是一个改良的问题，所以原文前面哪些洛里啰嗦的话就不讲了，大概说说要做什么。要实现的是下面的那个三角。通常我们会用一个width 和 height 都为0的div，然后通过设置各个边的border来实现。但是这样会有复用问题，如果我们有多重颜色的气泡，那就要写多个颜色了，维护起来十分麻烦。原文作者利用的pseudo元素，实现了这种继承，通过设置content:""来把pseudo元素设置为0宽高，再设置border。下面上代码。
阅读全文
摘要：昨天朋友推荐了一个抽奖网站万物网，上去后，老毛病发作，开着FireBug分析了一遍，发现人家的Head Div做的还是很有技术含量，特此分享一下。 首先放张图 仔细看看的话，会发现Head Div的下边缘比其他的地方要深，还有点渐变的效果。一提到渐变，包括我在内的大多数人一定会想到background-repeat:repeat-x;做个竖直的长条图片，设置上这个CSS属性，就OK了。没错，这样...
阅读全文
