大图
您现在的位置是 :主页 > 聚宝盆心水论坛 >

怎样用css使背景有立体感

发布日期:2019-11-06 09:33   来源:未知   阅读:

  我们详细的解释与说明CSS代码,看它是如何控制这个UL LI打造CSS横向菜单的:

  首先我们进行了整体布局声明,声明了文字大小及居中的对齐方式。需要说明的是,在ff中,我们设置margin:0 auto。即可实现容器的居中了,但在IE中,这还不够,还需要在父容器中声明text-align:center。这一点我们要记得,不然容易出错。

  声明UL无序列表的宽度为520ox,下边框一象素的实现,颜色为#06f。我们设置了nav这个UL,距离顶部为20px、距离底部为零,左右的距离为auto。这就实现了nav在水平方向内是居中的,垂直方面上距离浏览器窗口20px。

  向左浮动,并且右边距为5px。这是设置链接元素从左向右排行,并且元素之间的右部间隔5px。

  设置填充,顶5px、右10px、下5px、左8px。这一设置可以使我们的链接文字处于合适的位置。

  取消链接文字的下划线,并设置链接文字的颜色为#000。九龙心水论坛链接元素的背景色为#ffe67d。

  2013-12-20展开全部一般是使用好看的背景图片,页面添加阴影(boxShadow)并设置透明度(opacity)。