网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 圆角矩形的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>
    &bull;&bull;&bull;
    </div>
    <b>
    <b></b>
    <b></b>
    <b></b>
    <b><b></b></b>
    <b><b></b></b>
    </b>
    </div>
    有兴趣就试一下上面两段代码吧。
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/14 9:52:20