CSS(一)

rgba可以使得背景色有透明度。

如果给一个div设置了border的式样,比如dotted,那么运行代码后会发现边框的点之间的颜色是div的颜色:

CSS(一)

 

这说明边框线绘制样式是在背景之上的。

加一个background-clip: padding-box;之后:

CSS(一)

实现圆角:

再加一个border-radius: 20px;结果如下:

CSS(一)

 

 如果是将这段代码改成border-radius: 40px/20px;会实现椭圆角:

CSS(一)

 ======================================================================================================

 

width,height如果不设置他们的值,而且他们的外层标签也没有设定值的话,就会根据浏览器的变化而变化,

下图是没有设置width,heigh,外层也没有设置的情况下的结果:

CSS(一)

 

 

如果给定了width:70%;的话:

CSS(一)

 

 

 

height: 300px;
width: 400px;结果是:

CSS(一)

如上图所示。

 

上一篇:Content:"\2715",特殊字符和图标


下一篇:CSS揭秘—灵活的背景图(三)