border:15px solid transparent 等同于以下
border-width:15px
border-style:solid
border-color:transparent;
所以是指的边框的颜色,而transparent则设为了透明。
怎样在CSS样式中设置背景的透明度,下面一个具体的实例。把类为box的层设为透明。<div class="box"></div>
<style>
.box{width:300pxheight:200pxmargin:0 autoboxder:1px solid #cccbackground:#000filter:alpha(opacity:30)opacity:0.3 -moz-opacity:0.3-khtml-opacity: 0.3}
</style>
其中background:#000filter:alpha(opacity:30)opacity:0.3为关键代码,当opacity值为1时,表示完全不透明,为0时表示完全透明。
其关的属性介绍如下:
opacity: 0.3;这是“最重要的”,因为它是在CSS的现行标准。这将在Firefox,Safari和Opera的大多数版本的工作。这将是你所需要的一切如果所有的浏览器都支持目前的标准。当然是他们不会错。
filter:alpha(opacity=30)这一个是针对IE浏览器
-moz-opacity:0.3你需要这一个支持老版本的Mozilla浏览器如Netscape Navigator。
-khtml-opacity: 0.3这是旧版本的Safari(1.×)当渲染引擎是使用仍被称为kthml,而不是目前的WebKit。
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边线颜色