css的一些属性

2024-01-07 17:43:54

我们在写项目的时候，会遇到多种多样的样式，大部分都是由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属性进行设置，我们也可以设置自己喜欢的阴影颜色，以及照射方向，阴影深浅！

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

文章来源:https://blog.csdn.net/FENGZXCjjjjj/article/details/135421385
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。