Question

我正在使用travelify主题来构建我的网站，并且在很大程度上我真的很开心。

如何在图片中看到导航栏下方添加花边图像？我可以在firebug中做到，但不知道这对travelify和css有什么用。

http://test.modellicreations.com/wp-content/uploads/2015/02/laceundernav.jpg

另外，如何用图像替换页脚虚线边框线？

最后，如何在整个桌子周围放置边框/轮廓？我尝试的每个代码都在我不想要的每个单元格周围放置边框。

您可以在此处查看该网站：

1：http：//test.modellicreations.com

提前谢谢！

Answer 1

您可以使用css添加图像，在css文件style.css中添加此类：

nav#main-nav:after {
content: '';
background: url('http://test.modellicreations.com/wp-content/uploads/2015/02/lacebarflip.jpg') no-repeat;
display: block;
width: 100%;
height: 22px;
visibility: visible;
}

  #main-nav {
background: #006666;
border-color: #006666;
border: none;
}

Answer 2

是的，您可以使用此样式替换页脚虚线边框：

#site-generator:before {
background: url('http://test.modellicreations.com/wp-content/uploads/2015/02/lacetop.jpg') no-repeat;
content: '';
height: 20px;
display: block;
position: relative;
bottom: 20px;
}

Travelify CSS - 直接在导航栏下方添加图像和边框/图像问题？

2 个答案: