現(xiàn)在我們添加一些CSS樣式來使帖子看起來更好看一些:
- 打開style.css并使用article.post烧栋,為每個帖子的底部加一個邊框。該
邊框將是灰色拳球,實心和1px。 另外珍特,讓我們使用padding-bottom:20px和margin-bottom:30px為底部添加一些填充
article.post{
border-bottom: #ccc solid 1px;
padding-bottom: 20px;
margin-bottom: 30px;
}
- 我們不希望最后一篇帖子有下邊界祝峻。 我們將補充
article.post并使用last-child來定位最后一個,我們將border-bottom設置為none:
article.post:last-child{
border-bottom:none;
}
- 對于元數(shù)據扎筒,我們使用article.post .meta為其添加一些樣式并給它一個
淺灰色的背景莱找。 我們還將添加一個padding,8px和12px嗜桌。 我們來添加一個
顏色; 我們將使用深灰色:
article.post .meta{
background-color: darkgray;
padding: 8px 12px;
}
刷新頁面:
好看了一些
在接下來幾篇文章中奥溺,我們將學習如何使用custom-walker類設置導航欄。