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

请输入您要查询的范文：

　

标题 圆角矩形的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/25 10:41:07