css中的透明边框

html-css06

css中的透明边框,第1张

a:link是超链接未点击是的样式

a:hover是鼠标指向超链接的样式

a:visited是超链接被点击后的样式

a:link, a:visited {

border-style: solid

border-width: 5px

border-color: transparent

}

这段代码同时控制了超链接未点击和点击过后的样式，

border-style: solid边线为实线

border-width: 5px边线宽度为5个像素

border-color: transparent边线颜色

设置边框透明度：

                    border: 1pxsolidtransparent

                    border-color: rgba(151, 151, 151, 0.3)前三个为边框颜色的rgb值，最后一个为透明度。

设置阴影透明度：box-shadow: 0px 2px 10px rgba(41, 12, 127, 0.2)

1.进入卖家中心-店铺装修-找到导航栏编辑按钮

2.然后打开编辑，看提示窗口找到(显示设置)点击后看到白框就是CSS自定义框。

3.将下面对应的透明代码复制进去，导航栏就会透明显示。如图：

A.简单的淘宝新旺铺自定义CSS导航透明背景代码：

.skin-box-bd{background:none}

.menu-list{background:none}.link{background:none}

.menu{background:none}

.all-cats{background:none}

.all-cats{display:none}

.menu-list.menu.title{color:#CF6AA6}

B.完全的淘宝新旺铺自定义CSS导航透明背景代码：

.skin-box-bd{background:noneborder:none}

.menu-list{background:none}

.link{background:noneborder:none}

.menu{background:none}

.all-cats{background:none}

.skin-box-bd.all-cats.link{border:none}

.skin-box-bd.menu-list.menu{border:none}

.menu-list.menu.title{color:#000000font-size:15pxfont-weight:bold}

.all-cats.link.title{color:#000000font-size:15pxfont-weight:bold}

.skin-box-bd.menu-list.menu-selected.link{background:none}

.skin-box-bd.menu-list.menu-selected.link.title{background:none}