• 主网站
    • 网站案例
    • 域名主机
    • 网站建设
    • 网站推广
    • 系统开发
    • 设计文章
    • 联系我们
    • 网站制作教程
    • ASP+CSS实现网页随机背景
    • 文字在网页上面的应用
    • 用CSS实现无图片圆角效果
    • 什么样是合理的网页设计
    • CSS样式表的优化与技巧
    • CSS样式表的命名规范
    • XHTML代码的基本应用
    • 内容自动添加到指定的JS
    • 一组常用的弹出窗口
    • 查看网站更新的代码
    • JS刷新页面
    • 突破IIS6上传文件尺寸限制
    • 批量处理数据库
    • 用ASP判断Email地址
    • 新闻内容分页
    • ASP邮件发送程序
    • 网页防盗代码
    • ASP时间代码
    • 开始→运行→命令集锦!
    • 会员登陆的检测代码
    • Win2003的远程桌面连接端口
    • 更改apache的默认页
    • 网站制作中常用的CSS
    • DOC下常见的端口
    • xp下安装sql2000企业版
    • Thumbs.db文件是什么
    • msn随outlook启动
    • js调用ASP程序
    • 常用的JS代码!
    • 在网站制作中flash背景透明
    • 如何制作网站??
    • 限制数据库文件大小的方法
    • MYSQL中对数据库的操作
    • 保护邮件地址防垃圾有巧招
    • 解决MSSQL占用过多内存
    • 用CSS实现无图片圆角效果 -- (网站制作教程)

    •     以XML样式显示

      css圆角效果,IE6, firefox均显示正常

      <html>
      <head>
      <title>css圆角效果--网站每日新</title>
      <meta http-equiv="content-type" content="text/html; charset=gb2312">
      <style type="text/css">
      div.RoundedCorner{background: #9BD1FA}
      b.rtop, b.rbottom{display:block;background: #FFF}
      b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
      b.r1{margin: 0 5px}
      b.r2{margin: 0 3px}
      b.r3{margin: 0 2px}
      b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
      </style>
      </head>
      <body>
      <div class="RoundedCorner">
      <b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
      <br>无图片实现圆角框<br><br>
      <b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
      </div>
      </body>
      </html>