小编Rad*_*cti的帖子

我有一个简单的问题。

我想为文本区域提供“全部”动画，但我不希望它为焦点上的文本阴影设置动画。

当我使用以下内容时如何做出例外：

input[type=text]:focus {
    background: #fff;
    text-shadow: none;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
}

我实际上想要围绕桌子内的角落.就我而言,这似乎是不可能的.我几乎尝试了所有东西,但我无法让它发挥作用.

问题是,我基本上有一张桌子,其中有一个特别的颜色,让我们说黑色,我想通过四舍五入的角落给它一点点圆角.

谁能告诉我怎么可能？

这是我到目前为止尝试过的jsFiddle:

HTML:

    <table>
    <thead>
        <tr>
            <th>First</th>
            <th>Second</th>
            <th>Third</th>
        </tr>
    </thead>
</table>

CSS:

table {
    margin: 0px auto;
    clear: both;
    width: 100%;
    border: 1px solid white;
   -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: white;
}

table thead {
    background: black;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

http://jsfiddle.net/fhyWp/2/