请选择 进入手机版 | 继续访问电脑版
收藏本站腾讯微博新浪微博
点点网模板设计大赛 phpchina

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 用悬赏 三天解决问题 解决访问速度慢 论坛支持农历生日 - 给官方提建议

论坛活动及任务 归纳网站最新活动 地图任务 邮件更新任务:保护帐号安全

积分换实物,来参加蓝色理想积分兑换吧! 联系招聘客服 蓝色理想帮你找工作! 万元奖励等你拿——点点网模板设计大赛

查看: 3555|回复: 4

CSS做圆角,求制作讲解。 [复制链接]

djw19860705 楼主
帖子
13
体力
40
威望
0
发表于 2007-11-6 14:44:08 |显示全部楼层
CSS做圆角,求制作讲解。谁讲一个,怎么做才最好用最简单。一种是在a{}中用的。也就是超链接后都改变背景的。一种是单一的能像很多网页中样边上的圆角。谁讲一个嘛。谢谢了。
西部数码顶级域名注册商39元抢注!
cuikai 

崔凯

钻石会员 手机认证 

帖子
2932
体力
6848
威望
16
发表于 2007-11-6 14:48:53 |显示全部楼层
第一种

<html xmlns:v>

<head>

<style>

v\:*{behavior: url(#default#VML);}

</style>

</head>

<body>

<v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px;" FillColor="#e8e8e8" Filled="T" />

刷新本页才能看到效果

</body>

</html>

======================================
第二种
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>
租服务器,上51IDC | [长沙]招聘:PHP经理10K/WEB前端6K/PHP开发6K

使用道具 举报

金翅擘海

钻石会员

帖子
16559
体力
37158
威望
143
发表于 2007-11-6 14:53:19 |显示全部楼层

 提示:您可以先修改部分代码再运行


┏┯┓┏┯┓┏┯┓┏┯┓
┨┠┨┠┨┠
┗┷┛┗┷┛┗┷┛┗┷┛

使用道具 举报

djw19860705 楼主
帖子
13
体力
40
威望
0
发表于 2007-11-6 15:08:52 |显示全部楼层
太谢谢了。我慢慢看。代码多了点/

使用道具 举报

梦的河流

中级会员

帖子
209
体力
875
威望
1
发表于 2007-12-7 10:59:42 |显示全部楼层
感觉都挺复杂的..弄个背景进去不就可以了..写一堆代码做什么啊...总不至于一个早上就搞个圆角啊.....

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

Archiver|手机版|安久科技提供CDN|blueidea.com ( 京ICP备05002321号 )  

GMT+8, 2012-2-13 08:29 , Processed in 0.094087 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部