Question

我使用div在我的weppage上有一个渐变背景。

使用＆＃34; border＆＃34; CSS中的属性文本被推出div。

我试图改变尺寸，取出半径边界等......

#TextKeyboard {
    height: 26px;
    width: 330px;
    text-transform: uppercase;
    text-align: left;
    background: -webkit-linear-gradient(#615bff, #262544);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#615bff, #262544);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#615bff, #262544);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(#615bff, #262544);
    margin-top: 20px;
    margin-left: 20px;
    padding-left: 10px;
    border-radius: 12px;
    border: 1px solid;
}
h3 {
    color: #f6b824;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

http://jsfiddle.net/t5w7wuay/这里是我的代码的缩写。

感谢。

Answer 1

某些元素有预定义的样式，例如h3。

要修复按钮，请将此添加到你的h3规则：

margin: 0;
padding: 0;

编辑：

建议：使用reset.css，就像找到here一样它清除了每个预定义的样式，并为您提供完整的样式控制。

Answer 2

只需将margin:0;添加到h3班级：

h3 {
    color: #f6b824;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
    margin: 0;
}

JSFIDDLE：http://jsfiddle.net/ghorg12110/t5w7wuay/1/

使用边框CSS时，文本被推出div

2 个答案: