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



我正在使用travelify主题来构建我的网站,在大多数情况下我真的很高兴。

如何在导航栏下方添加如图所示的花边图像?我可以在firebug中做到这一点,但不知道这将如何与travelfy和css一起工作。

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

此外,如何用图像替换页脚虚线边框?

最后,我如何在整张桌子周围设置边框/轮廓?我尝试过的每一个代码都在每个单元格周围设置了一个我不想要的边界。

你可以在这里看到网站:

1:http://test.modellicreations.com

提前谢谢!

你可以用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;
}

是的,您可以将页脚虚线边框替换为具有以下样式的图像:

#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;
}

相关内容

  • 没有找到相关文章

最新更新