2012 年 4月 15 日随笔档案 - zoho

2012年4月15日

摘要：使用 JavaScript 中的定时器和 CSS3 中的圆角矩形，我们可以实现内容载入时的转圈动画。看下面的代码：<!DOCTYPE html><html> <head><title>内容载入时的转圈动画</title><style type="text/css">#loaddiv span { position: absolute; width: 4px; height: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border- 阅读全文

posted @ 2012-04-15 16:23 zoho 阅读(680) 评论(0) 推荐(0)

CSS3 圆角矩形的使用

摘要：在 CSS3 中，可以用 border-radius 属性实现圆角矩形。最简单的例子如下：width: 200px;height: 100px;border-radius: 20px;border: 1px solid;如果将 border-radius 的值设为一个正方形边长的一半，就得到一个圆形：width: 160px;height: 160px;border-radius: 80px;border: 1px solid;实际上，圆角矩形四个角的圆弧半径可以不一样，我们可以用 border-top-left-radius，border-top-right-radius，border-b 阅读全文

posted @ 2012-04-15 14:31 zoho 阅读(986) 评论(0) 推荐(0)

网页设计学习笔记