• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

半度微笑

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

做自定义圆角矩形

首先用ps做4个300x30的圆角,分别为left-top right-top left-bottom right-bottom.

<title>用滑动门做自定义圆角矩形</title>
</head>
<style type="text/css">
#rounded{
 margin:0;
 padding:0;
 width:310px;
 background:#ccc url(left_top.gif) no-repeat;
}
#rounded h3{
 text-align:center;
 margin:0;
 padding:30px 0 15px 10px;
 background:url(right_top.gif) no-repeat right top;
}
#rounded p{
 margin:0;
 padding:0;
 background:url(left_bottom.gif) no-repeat left bottom;
}
#rounded p span{
 text-indent:2em;
 margin:0;
 padding:0 5px 30px 10px;
 display:block;
 background:url(right_bottom.gif) no-repeat right bottom;
}
</style>
<body>
<div id="rounded">
<h3>这是内容标题</h3>
<p><span>打开覅就快递费和几个客人大幅皮肤都给日公开答复他看过客观题提高 客人的结构图热几天领导机关的立即通过打开就给他hjokiuolu雇佣合同人缘好态度态度的热土还让他人地图也好听吐谷浑如图投入与代理机构</span></p>
</div>
</body>

posted on 2011-10-17 09:50  半度微笑  阅读(224)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3