在CSS中重新定位菜单（使用列表）_Css_Menu_Positioning

在CSS中重新定位菜单（使用列表）

css menu

在CSS中重新定位菜单（使用列表）,css,menu,positioning,Css,Menu,Positioning,我很难将菜单重新定位到我喜欢的地方。我怎样才能把整个列表放到我想要的页面上？很抱歉问一个简单的问题，我不是很有经验 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html

我很难将菜单重新定位到我喜欢的地方。我怎样才能把整个列表放到我想要的页面上？很抱歉问一个简单的问题，我不是很有经验

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
    <title></title>
    <style>
    body {
        background-color: lightgrey;
    }
    .menu {
        list-style: none;
        font-family: "futura", sans-serif;
    }
     .menu li {
        float: left;
        border-left: 2px solid black;
        padding-left: 10px;
        margin-right: 10px;
    }
    a {
        text-decoration: none;
    }
    a:link {
        color: grey;
     }
    a:hover {
        color: white;
    }
    a:visited {
        color: darkgrey;
    }
    .menu li:first-child {
        border: none;
    }
    div.title {
        float: left;
        font-family: "futura", sans-serif;
        padding-left: 10px;
        margin-right: 10px;
        font-size: 36px;
    }
    </style>
    </head>
    <body>
    <div class="title">Dan's Cupcakes</div>
    <ul class="menu">
    <li><a href="http://blah.com">Home</a></li>
    <li><a href="http://ilovetoeatgrapes.com">Cupcakes</a></li>
    <li><a href="http://thehouseisonfire.com">Contact</a></li>
    <li><a href="http://cars.com">About Us</a></li>
    </ul>
    </body>
    </html>


身体{
背景颜色：浅灰色；
}
.菜单{
列表样式：无；
字体系列：“futura”，无衬线；
}
李先生{
浮动：左；
左边框：2倍纯黑；
左侧填充：10px；
右边距：10px；
}
a{
文字装饰：无；
}
a:链接{
颜色：灰色；
}
a:悬停{
颜色：白色；
}
a:参观了{
颜色：暗灰色；
}
李：第一个孩子{
边界：无；
}
部门名称{
浮动：左；
字体系列：“futura”，无衬线；
左侧填充：10px；
右边距：10px；
字体大小：36px；
}
丹的纸杯蛋糕

您想把菜单放在什么地方

不管怎样，我已经编辑了一些东西，并提供了其中的一部分。看看它是否是你想要的样子

您只需更改菜单css的边距值

    .menu {
margin: top_position, right_position, bottom_position, left_position;
}



http://jsfiddle.net/DGjG9/

查看该链接并做出决定

这里有一个链接，可以了解如何使用css定位元素

有几种方法可以做到这一点。如何确定使用哪种方法取决于您希望它在屏幕上显示的位置。

不要共享链接…请查看此。。。