1

我不知道为什么边框没有出现。我有一个封装所有元素的主包装器；我只是将每个元素的背景设置为透明的白色，然后在包装器中添加一个透明的白色边框。

http://violetoeuvre.com/

/* Wrapper - Main *********/    
.main_wrapper{ 
        display:block;
        background: rgba(255,0,0,.5);
        width:1000px;
        height: 2000px;
        margin-left:18%;
        margin-top:7%;
        border:10px;
        border-color: rgba(255,255,255,.5);
}

html

<div class="main_wrapper">

<!-- Logo _____________________________________________________-->

<div class="logo">
    <a href="index.html"><img alt="emma carmichael" height="150px"
            src="images/Home/emma-logo.png"></a>
</div>

<!---Navigation Menu ______________________________________________-->

    <div id="main_menu" class="wrapper_nav_box">
        <div class="nav_box">
            <a href="writing.html">WRITING</a> 
        </div>
        <div class="nav_box">
            <a href="http://tumblr.com">BLOG</a>
        </div>
        <div class="nav_box">
            <a href="contact.html">CONTACT</a>
        </div>
    </div>

有任何想法吗？

4

1 回答 1

1

正如@Lotus 所说：

您忘记包含边框样式

作为 Lotus 建议的使用速记的替代方法，您可以这样做：

.main_wrapper
{ 
    /*other stuff*/
    border-width: 10px;
    border-style: solid;
    border-color: rgba(255,255,255,.5);
}

注意：我添加这个以扩展 Lotus 的答案，并帮助回答@Claire的评论“我知道我应该使用速记，但为什么其他方式不起作用？”

于 2013-03-23T02:48:44.760 回答