我们在写项目的时候,会遇到多种多样的样式,大部分都是由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属性进行设置,我们也可以设置自己喜欢的阴影颜色,以及照射方向,阴影深浅!
上面是一个效果图,大家可以参考一下。