新书推介:《语义网技术体系》
作者:瞿裕忠,胡伟,程龚
   XML论坛     W3CHINA.ORG讨论区     计算机科学论坛     SOAChina论坛     Blog     开放翻译计划     新浪微博  
 
  • 首页
  • 登录
  • 注册
  • 软件下载
  • 资料下载
  • 核心成员
  • 帮助
  •   Add to Google

    >> 本版讨论XSL,XSLT,XSL-FO,CSS等技术
    [返回] 中文XML论坛 - 专业的XML技术讨论区XML.ORG.CN讨论区 - XML技术『 XSL/XSLT/XSL-FO/CSS 』 → [分享]纯CSS圆角效果 查看新帖用户列表

      发表一个新主题  发表一个新投票  回复主题  (订阅本版) 您是本帖的第 11699 个阅读者浏览上一篇主题  刷新本主题   树形显示贴子 浏览下一篇主题
     * 贴子主题: [分享]纯CSS圆角效果 举报  打印  推荐  IE收藏夹 
       本主题类别: DOM    
     尛尛 美女呀,离线,快来找我吧!水瓶座1991-1-21
      
      
      等级:大二期末(Java考了96分!)
      文章:99
      积分:398
      门派:XML.ORG.CN
      注册:2008/9/11

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给尛尛发送一个短消息 把尛尛加入好友 查看尛尛的个人资料 搜索尛尛在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看尛尛的博客楼主
    发贴心情 [分享]纯CSS圆角效果

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

    <title>无标题文档</title>

    <style>

    /*********** 圆角Box层 ***********/

    .round_box{ font-size:12px; float:left; margin:3px; }

    .round_box .linea,

    .round_box .lined{ height:1px; overflow:hidden; background:#B4BDD4; margin:0 2px; }

    .round_box .lineb,

    .round_box .linec{ height:1px; overflow:hidden; border:1px solid #B4BDD4; border-top:0; border-bottom:0; margin:0 1px; }

    .round_box .header, .round_box .body, .round_box .body .content{

           border:1px solid #B4BDD4; border-top:0; border-bottom:0; background:#EEF4FB; overflow:hidden;

    }

    .round_box .body .content table.list{ width:100%; table-layout:fixed; border-collapse:collapse; }

    .round_box .body .content table.list td{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

    .round_box .body .content table.list td a{ text-decoration:none; color:#444; }

    .round_box .body .content table.list td a:hover{ color:#000; }

    .round_box .header{ height:30px; }

    .round_box .header .title{ font-weight:bold; padding:8px 0 0 10px; float:left; }

    .round_box .header .more{ float:right; padding:9px 10px 0 0; }

    .round_box .header .more a{ text-decoration:none; color:#545D74}

    .round_box .body{ padding:0 7px 7px 7px; }

    .round_box .body .content{ background:#fff; padding:5px 2px 0 5px; }

    </style>

    </head>

    <body style="width:700px">

    <div class="round_box" style="width:100px;"><div class="linea"></div><div class="lineb"></div>

           <div class="header">

                <div class="title">标题</div>

           </div>

           <div class="body"><div class="linea"></div><div class="lineb"></div>

                <div class="content">

                

                         a<br /><br /><br /><br /><br />

                </div><div class="linec"></div><div class="lined"></div>

           </div><div class="linec"></div><div class="lined"></div>

    </div>

    </body>

    </html>


       收藏   分享  
    顶(1)
      




    ----------------------------------------------
    非凡IT培训:it.phedu.cn 主推:php div+css

    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2009/10/4 16:45:00
     
     hexun831012 帅哥哟,离线,有人找我吗?天秤座1983-10-12
      
      
      威望:1
      等级:研二(Pi-Calculus看得一头雾水)(版主)
      文章:800
      积分:5114
      门派:XML.ORG.CN
      注册:2006/12/8

    姓名:(无权查看)
    城市:(无权查看)
    院校:(无权查看)
    给hexun831012发送一个短消息 把hexun831012加入好友 查看hexun831012的个人资料 搜索hexun831012在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 引用回复这个贴子 回复这个贴子 查看hexun831012的博客2
    发贴心情 
    不是标准的不好
    点击查看用户来源及管理<br>发贴IP:*.*.*.* 2009/10/4 18:01:00
     
     GoogleAdSense天秤座1983-10-12
      
      
      等级:大一新生
      文章:1
      积分:50
      门派:无门无派
      院校:未填写
      注册:2007-01-01
    给Google AdSense发送一个短消息 把Google AdSense加入好友 查看Google AdSense的个人资料 搜索Google AdSense在『 XSL/XSLT/XSL-FO/CSS 』的所有贴子 访问Google AdSense的主页 引用回复这个贴子 回复这个贴子 查看Google AdSense的博客广告
    2024/12/22 3:48:37

    本主题贴数2,分页: [1]

    管理选项修改tag | 锁定 | 解锁 | 提升 | 删除 | 移动 | 固顶 | 总固顶 | 奖励 | 惩罚 | 发布公告
    W3C Contributing Supporter! W 3 C h i n a ( since 2003 ) 旗 下 站 点
    苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
    125.000ms