CSS 比赛结果页面的CSS模板

Posted 2021-05-23

<style type="text/css">
#foodie-container {
    padding: 5px;
    float: left;
    width: 980px;
}
.foodie-category {
    float: left;
    margin: 2px 5px 15px 5px;
    padding: 2px;
    width: 124px;
}
.foodie-category li {
    list-style: none !important;
}
.foodie-category a {
    color: #167;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
}
.foodie-category a:hover {
    text-decoration: underline;
}
.foodie-winner {
    border: 1px solid #ccc;
    float: left;
    height: 290px;
    margin: 2px 6px 10px 6px;
    overflow: hidden;
    padding: 4px;
    width: 304px;
}
article, header, nav, section {
    display: block;
}
small {
    font-size: 11px;
}
h3 {
    border-bottom: 2px dotted #ccc;
    color: #167;
    font: bold 16px Arial, Helvetica, sans-serif;
    margin: 2px 0 5px;
    padding: 2px;
}
</style>