桌子上的羽毛边角如何？

如何解决桌子上的羽毛边角如何？

| 我曾经使用这种\“ documenting ** \”格式，仅作为示例：

<html><head><link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\"><base target=\"_blank\"></head><body> 
<table class=\"tablet\"><tr><td><pre style=\"margin-bottom:0;\"> 
find . -type f -size 0
</pre></td></tr></table> 
</body></html>

图片：http://i.stack.imgur.com/1lTG5.png **至文件Linux / etc。 howtos。 style.css

table.tablet
    {
        width: 98%;
        background: #ffffff;
        color: #000000;
        border-width: 1px;
        border-style: solid;
        border-color: #000000;
        padding-top: 5;
        padding-bottom: 5;
        padding-right: 10;
        padding-left: 10;
        font-size: 110%;
        font-family: \"times\";
        font-weight: normal;
        border-left: 5px solid #000000;
        margin-left:10px;
        word-wrap: break-word;
    }

body
    {
        background-color: #ffffff;
        color: #000000;
        padding-top: 0;
        padding-bottom: 0;
        padding-right: 0;
        padding-left: 0;
        font-size: 80%;
        font-family: \"times\";
        background-repeat:repeat;
        word-wrap: break-word;
    }

问：我需要从这些“尖角”制作“羽毛边缘”。怎么样？ \“羽毛/圆角边缘\”的示例： http://forum.ubuntu-fr.org/viewtopic.PHP?id=175880 图片：http://i.stack.imgur.com/vRm3t.png

解决方法

使用ѭ2代替ѭ3，然后使用CSS3 \的border-radius属性：

<!DOCTYPE html>
<html>
    <head>
        <style>
            body{
                background-color: #ffffff;
                color: #000000;
                padding:0;
                font-size: 80%;
                font-family: \"Times\";
                word-wrap: break-word;
            }
            div.tablet{
                width: 98%;
                height:20px;
                border: 1px solid #000000;
                padding: 5px 10px;
                font-size: 110%;
                border-left: 5px solid #000000;
                margin-left:10px;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;  
            }
        </style>
    </head>
    <body> 
        <div class=\"tablet\">find . -type f -size 0</div> 
    </body>
</html>

现场演示。请注意，仅在IE9，Safari 5.0，Firefox 4.0和Chrome 4.0或更高版本中支持“ 5”。较旧的浏览器将看到一个方形框，而不是圆形框。如果这对您来说是个问题，则需要使用背景图像创建圆角。如果框的宽度可变，则需要创建两个圆形的背景图像（一个为左，另一个为右），然后使用滑动门技术将它们应用于CSS。