负罪者设计 生活 感悟

我在找一个页面内切换效果的时候，发现导航按钮代码很有意思，我自己演变成做网页内有背景渐变的圆角矩形版块。
比如做一个宽400PX高30PX有上下渐变的圆角矩形
切图：
把圆角巨型2边切成宽15PX，高30PX，中间切1PX高30PX
DIV代码：
<div class=”left”>
<span class=”right”>
<div class=”mid”></div>
</span>
</div>
这里我对CSS进行中文解释

left：设置宽400PX，高30PX，插入左边背景，让背景靠左，不重复
right：设置宽400PX，高30PX，插入左边背景，让背景靠右，设置成块，不重复
mid：设置宽370，高30PX，左右边界设为15PX，插入中间的背景横向重复
*如果中间背景高度就20PX有用，哪就切宽1PX，高20PX，和MID设置一样，但必须让背景靠顶部
大家可以试一下希望能帮助上大家