css的一些属性

我们在写项目的时候，会遇到多种多样的样式，大部分都是由css来实现的，css可以让我们的页面更美观，css通常是配合HTML使用，代码较为简单!

下面我就给大家举几个较为常用的一些css属性。

1.CSS中怎样让元素圆角化？

border-radius: 50px;
//50px是单位

这是让元素整体圆角化

我们也可以设置指定角来圆角化；

border-top-left-radius: 50px;
//让元素左上角圆角化
border-top-right-radius: 50px;
//让元素右上角圆角化
border-bottom-left-radius: 50px;
//让元素左下角圆角化
border-bottom-right-radius: 50px;
//让元素右下角圆角化

这是让元素的指定角实现圆角化，很好理解。

2.CSS中怎样实现阴影 shadow

div
{
    box-shadow: 10px 10px 5px #888888;
}

我们可以使用box-shadow属性进行设置，我们也可以设置自己喜欢的阴影颜色，以及照射方向，阴影深浅！

上面是一个效果图，大家可以参考一下。