我正在尝试使页脚导航栏略微凹入而不是水平。有人知道这样做的好方法吗?
更新
对不起,我之前没有描述过。我正在尝试执行以下操作。棕褐色部分将是导航栏页脚:
解决方案
更改页脚上方 div 的边框半径有效。这是我所做的:
border-bottom-left-radius: 30% 20%;
border-bottom-right-radius: 30% 20%;
z-index: 5;
border-bottom: 2px solid #b7af98;
我正在尝试使页脚导航栏略微凹入而不是水平。有人知道这样做的好方法吗?
更新
对不起,我之前没有描述过。我正在尝试执行以下操作。棕褐色部分将是导航栏页脚:
解决方案
更改页脚上方 div 的边框半径有效。这是我所做的:
border-bottom-left-radius: 30% 20%;
border-bottom-right-radius: 30% 20%;
z-index: 5;
border-bottom: 2px solid #b7af98;
我想你正在寻找的是这个:
http://www.w3schools.com/cssref/css3_pr_border-radius.asp
并且由于您希望对页脚执行此操作,因此您可能想尝试:
footer {
border-top-left-radius:15px;
border-top-right-radius:15px;
}
尝试在现有元素之一中使用背景图像。