关灯
开启左侧

[网页制作] css定义div圆角边框

[复制链接]
swmozowtfl 发表于 2015-7-9 23:19:33 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
 
<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en
>
<html xmlns= lang=zh-cn>
<head>
<meta http-equiv=content-type content=text/html; charset=gb2312 />
<title>testdiv</title>
<style>
#d1,#d3,#d4{
margin:5px 0px;
width:200px;
background-color:#eee;
}
#d1{
border:1px solid #444;
height:100px;
padding:0px 15px;
}
#d3,#d4{
margin-top:0px;
margin-bottom:0px;
border-left:1px solid #444;
border-right:1px solid #444;
}
.m{
height:100px;
width:200px;
padding:0px 15px;
position:relative;
}
#d3 .m{
margin:-4px 0px;
}
#d4 .m{
margin:-5px 0px;
}
.rt,.rb{
display:block;
width:232px;
margin-left:0px;
margin-right:0px;
}
.rt{
margin-top:5px;
}
.rb{
margin-bottom:5px;
}
.rt *,.rb *{
display:block;
height: 1px;
overflow: hidden;
background-color:#eee;
border-left:1px solid #444;
border-right:1px solid #444;
}
.r1{
margin: 0 5px;
background-color:#444;
}
.r2{
margin: 0 3px;
border-width:0px 2px;
}
.r3{
margin: 0 2px;
}
.r4{
margin: 0 1px;
height: 2px;
}
.rb1{
margin: 0 6px;
background-color:#444;
}
.rb2{
margin: 0 4px;
border-width:0px 2px;
}
.rb3{
margin: 0 3px;
}
.rb4{
margin: 0 2px;
}
.rb5{
margin: 0 1px;
height: 2px;
}
</style>
</head>
<body>
<div id=d1>r=...</div>
<b class=rt><b class=r1></b><b class=r2></b><b class=r3></b><b
class=r4></b></b>
<div id=d3>
<div class=m>r=5</div>
</div>
<b class=rb><b class=r4></b><b class=r3></b><b class=r2></b><b
class=r1></b></b>
<b class=rt><b class=rb1></b><b class=rb2></b><b class=rb3></b><b
class=rb4></b><b class=rb5></b></b>
<div id=d4>
<div class=m>r=6</div>
</div>
<b class=rb><b class=rb5></b><b class=rb4></b><b class=rb3></b><b
class=rb2></b><b class=rb1></b></b>
</body>
</html>

更多网页制作信息请查看: 网页制作
 

精彩评论14

正序浏览
Acropozelan 发表于 2016-2-23 16:41:18 | 显示全部楼层
 
额~哦........偶无语
 
alapScady 发表于 2016-2-23 16:41:46 | 显示全部楼层
 
也有啊,前天不是你也到一个很狂的贴里去了吗?
 
gevaemaidovef 发表于 2016-2-23 16:41:58 | 显示全部楼层
 
楼猪.重量级人物阿.
 
Mqokjdvq 发表于 2016-2-23 16:42:24 | 显示全部楼层
 
哈哈 小心被她看见哦~~~~
 
tohme 发表于 2016-2-23 16:42:02 | 显示全部楼层
 
今天没事来逛逛
 
mwxny 发表于 2016-3-24 19:26:16 | 显示全部楼层
 
看到本ID的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为! 内有“加关注”三字,你就顺手把它点了吧。相得准,我分文不收;相不准,你也好回来找我。
 
Acropozelan 发表于 2016-3-24 19:26:01 | 显示全部楼层
 
出来混 迟早都是要灌的——不灌水怎么混啊
 
wwdu926a 发表于 2016-3-24 19:26:19 | 显示全部楼层
 
挨骂也是幸福~~~
 
wwzcdenleclv 发表于 2016-3-24 19:26:42 | 显示全部楼层
 
呵呵,等着就等着....
 
GoodyFouppy 发表于 2016-3-24 19:27:18 | 显示全部楼层
 
貌似我真的很笨????哎
 
Acropozelan 发表于 2017-4-11 13:28:26 | 显示全部楼层
 
成长可以说已经是很幸福的了。但在另一方面,作者也不是温室里的花*,只能作些鸳鸯蝴蝶 的文章。在前面我已经说过了,这篇文章比形散神聚更胜一筹。诸位见过大风沙没有
 
wwzcdenleclv 发表于 2017-4-11 13:23:40 | 显示全部楼层
 
你还想说什么啊....
 
buingeEvineus 发表于 2017-4-11 13:28:09 | 显示全部楼层
 
老大,我好崇拜你哟
 
Mqokjdvq 发表于 2017-4-11 13:21:42 | 显示全部楼层
 
不错的东西 持续关注
 
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


0关注

1粉丝

2503帖子

热门图文
热门帖子
排行榜
作者专栏

关注我们:微信订阅号

官方微信

APP下载

全国服务Q Q:

956130084

中国·湖北

Email:956130084@qq.com

Copyright   ©2015-2022  站长技术交流论坛|互联网技术交流平台Powered by©Discuz!技术支持:得知网络  

鄂公网安备 42018502006730号

  ( 鄂ICP备15006301号-5 )