| 标题 | CSS定义DIV圆角边框 |
| 内容 | <!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><b></b><b></b><b></b><b class="r4"></b></b> <div id="d3"> <div>R=5</div> </div> <b><b></b><b></b><b></b><b class="r1"></b></b> <b><b></b><b></b><b></b><b class="rb4"></b><b></b></b> <div id="d4"> <div>R=6</div> </div> <b><b></b><b></b><b></b><b class="rb2"></b><b></b></b> </body> </html> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。