css块级元素变 |metro win8 css

/*给块级元素定义边框和背景色*/
div {
border: 1px solid red;
background-color: yellow;
}
/*给块级元素添加阴影效果*/
p {
box-shadow: 5px 5px 5px grey;
}
/*使得块级元素居中对齐*/
img {
display: block;
margin: auto;
}
/*使得块级元素透明度降低*/
div {
opacity: 0.5;
}
/*设置块级元素的宽高*/
span {
width: 100px;
height: 50px;
}

以上样式定义只是一小部分，实际上还有很多样式可以应用到块级元素中。如需使用，只需在CSS文件中添加相应的样式定义即可。