网页设计学习笔记

HTML,CSS,JavaScript

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: :: 管理 ::

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 阅读(659) 评论(0) 推荐(0) 编辑

摘要: 在 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 阅读(959) 评论(0) 推荐(0) 编辑