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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。