Travelify CSS-直接在导航栏下方添加图像和边框/图像问题?
我正在使用travelify主题来建立我的网站,在很大程度上我真的很高兴 如何在导航栏下方添加如图所示的花边图像?我可以在firebug中实现这一点,但不知道这将如何与travelify和css配合使用Travelify CSS-直接在导航栏下方添加图像和边框/图像问题?,css,image,navigation,border,footer,Css,Image,Navigation,Border,Footer,我正在使用travelify主题来建立我的网站,在很大程度上我真的很高兴 如何在导航栏下方添加如图所示的花边图像?我可以在firebug中实现这一点,但不知道这将如何与travelify和css配合使用 http://test.modellicreations.com/wp-content/uploads/2015/02/laceundernav.jpg 另外,如何用图像替换页脚虚线边框线 最后,我如何在整个桌子周围放置边框/轮廓?我尝试过的每一个代码都会在我不想要的每个单元格周围加上一个边框
http://test.modellicreations.com/wp-content/uploads/2015/02/laceundernav.jpg
另外,如何用图像替换页脚虚线边框线
最后,我如何在整个桌子周围放置边框/轮廓?我尝试过的每一个代码都会在我不想要的每个单元格周围加上一个边框
您可以在此处看到该网站:
: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;
}
“travelify主题”什么主题?为了什么?你在用WordPress吗?还是别的?欢迎来到Stackoverflow。请在您的问题中直接输入一些代码,以便我们可以查看您的代码,查看您的问题,并在可能的情况下提供帮助。@TylerH-Travelify是Wordpress/Woocommerce的一个非常好的主题。我应该提到,我也使用了儿童主题。@leftside-谢谢!我不确定应该给你什么代码,因为我使用的是(wordpress/woocommerce)子主题。当我使用firebug时,我可以看到代码,但除此之外,我唯一的页面是自定义css和函数!如果可以,我会给你一个大大的拥抱!您知道如何在整个表格周围添加实心边框并将页脚虚线更改为图像吗?您可以使用样式检查将实心边框添加到表格中此链接例如: