-
CSS3系列教程:边框颜色
现在我们来看一看如何为边框的border-color添加更多的色彩。 使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度。...
2015-06-14 09:13 -
CSS3系列教程:阴影
阴影大约从CSS2就开始有了,但是只有Safari一个浏览器支持它,到现在依然是这样。阴影在CSS3中可以应用在边框和文字上,就像图片的阴影效果一样。 一般可以分为box-shadow和textshadow两类...
2015-06-14 09:13 -
CSS3系列教程:背景图片(背景大小和多背景图)
背景图片/纹理有很多种使用方式,常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视,我们可以应用多背景图和背景图片尺寸来实现更完美的效果。 CSS3的背景图片大小可以写...
2015-06-14 09:12 -
CSS3系列教程:嵌入字体/网络字体
想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件?那么就使用CSS3嵌入字体吧! 要使用一款字体,我们首先需要使用@font-face属性。这必须先准备好我们要用的字...
2015-06-14 09:11 -
CSS3系列教程:多列/多卷
使用CSS3可以为你的网站创建多列,而不用为每列制定特定的层或段落。 与多背景图片一样,CSS3多列也是我最喜爱的一个技术。我想这条CSS3属性有在报纸和杂志布局中以外的很多潜在的...
2015-06-14 09:11 -
CSS3系列教程:透明度
CSS3透明不透明渐变随便你怎么叫它吧!这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了,而IE一直不支持! opacity声明用来设置一个元素的透明度:层、...
2015-06-14 09:11 -
CSS3系列教程:RGBA
使用新的CSS3的RGBA声明,不仅仅让我们像通常一样设置RGB颜色,而且还可以设置其透明度。 RGBA像RGB一样设置颜色,而这个ARGBA中的最后一个值允许我们设置该元素的透明度。就像opacity声...
2015-06-14 09:10 -
CSS3 HTML5实例四(使用 RGBA 实现透明效果)
目前,Web 设计中的透明效果主要靠 PNG 图片实现(但在 IE 浏览器支持得并不好 - 译者),在 CSS3,可以直接实现透明效果。 rgba(200, 54, 54, 0.5); background: rgba(200, 54, 54, 0.5); color: rgba(200, 54, 5...
2015-06-14 09:09 -
CssGaga – AutoSprite
市面上有一些CSS Sprite Generator,要么是需要手动调整图片位置,要么需要保存图片并拷贝粘贴css代码,用起来很是麻烦,想必这也是没有大规模使用起来的原因吧。 CssGaga使用了不同的思...
2014-11-16 21:49 -
征服高级CSS选择器
CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择...
2014-11-16 21:49