再次询问关于做圆角框的问题

hyowner 2008-12-16 07:57:39
我现在有个矩形框 有左,右上角,左右下角的半圆图片以及边框得图片,请教各位高手们,我要怎么样用这些图片吧我的矩形框变作四角都是半圆的框啊,
我找了下资料说用CSS做就可以,可是我不会哦,还请会的大哥大姐们帮我下啊,谢谢了!!!拜托了
...全文
152 22 打赏 收藏 转发到动态 举报
写回复
用AI写文章
22 条回复
切换为时间正序
请发表友善的回复…
发表回复
hyowner 2008-12-19
  • 打赏
  • 举报
回复
大哥我发到你油箱了 帮看看啊
hyowner 2008-12-19
  • 打赏
  • 举报
回复
能贴到这上面或发邮件给我吗?谢谢了
hyowner666@163.com
hyowner 2008-12-19
  • 打赏
  • 举报
回复
我一般晚上才能上QQ的 55555555555555555555
白天上不了
jiduomi123 2008-12-18
  • 打赏
  • 举报
回复
能上QQ吗 上QQ聊
hyowner 2008-12-18
  • 打赏
  • 举报
回复
大哥 我试了 还是不对啊 郁闷哦 急 我运行的结果给你了 我的是IE6 看你的油箱哦
yurui05 2008-12-17
  • 打赏
  • 举报
回复
IE目前没有办法做 不支持 办法是切图 把圆框的四个圆角切下来 然后在DW中拼上去
我以前也问过类似的问题 没有更好的解决办法。
hyowner 2008-12-17
  • 打赏
  • 举报
回复
那IE就没办法做?
jiduomi123 2008-12-17
  • 打赏
  • 举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>图片拼接</title>
<style type="text/css">
<!--
body,div,img,font{padding:0;margin:0;list-style-type:none;}
body,div {text-align:center;font-size:12px;font-family:宋体;margin-left:auto;margin-right:auto;line-height:19px;}
-->
</style>
</head>
<body>
<div style="width: 500px;margin-top: 100px;">
<!-- 头部 -->
<div style="width: 500px;">
<font style="background-image: url('images/bg_a.gif');width: 11px; height: 25px;"></font><font style="vertical-align: top;border-top: 1px #C3C3C3 solid;width: 478px;">这是头部</font><font style="background-image: url('images/bg_b.gif');width: 11px; height: 25px;"></font>
</div>
<!-- 中间 -->
<div style="border-left: 1px #C3C3C3 solid;border-right: 1px #C3C3C3 solid;width: 500px;">
<b>这里是你的主要内容</b><br/>
<div>不知道这样符不符合你的要求 呵呵。。。</div>
</div>
<!-- 底部 -->
<div style="width: 500px;">
<font style="background-image: url('images/bg_c.gif');width: 11px; height: 11px;"></font><font style="border-bottom: 1px #C3C3C3 solid;width: 478px;line-height: 10px;">这是底部</font><font style="background-image: url('images/bg_d.gif');width: 11px; height: 11px;"></font>
</div>

</div>
</body>
</html>
jiduomi123 2008-12-17
  • 打赏
  • 举报
回复
加了
hyowner 2008-12-17
  • 打赏
  • 举报
回复
我发给你的图片当中我有截了一个图的哦.bmp的图,那里就是一个框嘛,在外面加上圆形框就可以了这样
hyowner 2008-12-17
  • 打赏
  • 举报
回复
大哥加我QQ好吗?57191841
hyowner 2008-12-17
  • 打赏
  • 举报
回复
效果就是在框的 外面加上圆形的框哦
jiduomi123 2008-12-17
  • 打赏
  • 举报
回复
是啊 但只用了4张
不知道你具体要做个什么样的效果
如果与你想的不一样的话 你可以在网站上切别人的类似的效果发给我
hyowner 2008-12-17
  • 打赏
  • 举报
回复
9楼的大哥是根据我发给你的图片做的吗》??????救命了啊
tdy218 2008-12-17
  • 打赏
  • 举报
回复
LZ看看以前你发的那个帖子,我又补充了一点。
jiduomi123 2008-12-17
  • 打赏
  • 举报
回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>图片拼接</title>
<style type="text/css">
<!--
body,div,img,font{padding:0;margin:0;list-style-type:none;}
body,div {text-align:center;font-size:12px;font-family:宋体;margin-left:auto;margin-right:auto;line-height:19px;}
-->
</style>
</head>
<body>
<div style="width: 500px;margin-top: 100px;height: 500px;">
<!-- 头部 -->
<div style="width: 500px;">
<font style="background-image: url('images/bg_a.gif');width: 11px; height: 25px;"></font><font style="vertical-align: top;border-top: 1px #C3C3C3 solid;width: 478px;">这是头部</font><font style="background-image: url('images/bg_b.gif');width: 11px; height: 25px;"></font>
</div>
<!-- 中间 -->
<div style="border-left: 1px #C3C3C3 solid;border-right: 1px #C3C3C3 solid;width: 500px;height: 464px;">
<b>这里是你的主要内容</b><br/>
<div>不知道这样符不符合你的要求 呵呵。。。</div>
</div>
<!-- 底部 -->
<div style="width: 500px;">
<font style="background-image: url('images/bg_c.gif');width: 11px; height: 11px;"></font><font style="border-bottom: 1px #C3C3C3 solid;width: 478px;line-height: 10px;">这是底部</font><font style="background-image: url('images/bg_d.gif');width: 11px; height: 11px;"></font>
</div>

</div>
</body>
</html>

我自己用的是IE7(测试了是可以的) 这种拼接图片的大概思想就是这样了
hyowner 2008-12-17
  • 打赏
  • 举报
回复
继续求解,要用CSS把这种直角的框改成圆角的 有没有办法啊
hyowner 2008-12-17
  • 打赏
  • 举报
回复
谢谢楼上的大哥 我已经发了 谢谢哦 帮我看看
jiduomi123 2008-12-17
  • 打赏
  • 举报
回复
忘记贴邮箱地址了 晕
hunantour@126.com
加载更多回复(2)

81,094

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧