构建一个Bootstrap WordPress主题#8 添加一点CSS样式

现在我们添加一些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;
}

对于元数据,我们使用article.post .meta为其添加一些样式并给它一个
浅灰色的背景。 我们还将添加一个padding,8px和12px。 我们来添加一个
颜色; 我们将使用深灰色:

article.post .meta{
background-color: darkgray;
padding: 8px 12px;
}

刷新页面:

在接下来几篇文章中,我们将学习如何使用custom-walker类设置导航栏。

  • QQ群:253510359
  • 建议:VPS商家层出不穷,根据需要购买,切莫剁剁剁!
  • 评测:很多VPS虽已评测,但网络环境改变稳定性,速度也会随之改变.评测只能作为一般性参考.不负任何法律,道义责任.
  • 申明:所有vps,域名,服务器优惠信息均来自网络公开内容,由于水平有限不免有谬误.请以官方为准.