标题 | 圆角矩形的html+css实现代码 |
内容 | 闲来无事,突然又想起了圆角矩形的实现。不过这个话题大家已经谈了太长时间了。各种各样的实现方案在网上都可以看到。这里仅仅是记录一下个人认为比较好的一个。这个方案不使用任何图片,是纯html+css实现。 css代码 代码如下: <style type="text/css"> .spiffy{display:block} .spiffy *{ display:block; height:1px; font-size:.01em; overflow:hidden; background:#b20000} .spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #870000; border-right:1px solid #870000; background:#9f0000} .spiffy2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #6f0000; border-right:1px solid #6f0000; background:#a30000} .spiffy3{ margin-left:1px; margin-right:1px; border-left:1px solid #a30000; border-right:1px solid #a30000;} .spiffy4{ border-left:1px solid #870000; border-right:1px solid #870000} .spiffy5{ border-left:1px solid #9f0000; border-right:1px solid #9f0000} .spiffyfg{ background:#b20000} </style> html代码 代码如下: <div> <b> <b><b></b></b> <b><b></b></b> <b></b> <b></b> <b></b> </b> <div> ••• </div> <b> <b></b> <b></b> <b></b> <b><b></b></b> <b><b></b></b> </b> </div> 有兴趣就试一下上面两段代码吧。 |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。