首页 前端知识 css的一些属性

css的一些属性

2024-06-25 23:06:40 前端知识 前端哥 615 223 我要收藏

我们在写项目的时候,会遇到多种多样的样式,大部分都是由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://www.qianduange.cn//article/13565.html
标签
评论
发布的文章

JSON、Ajax

2024-07-27 22:07:31

JsonNode、ObjectNode和ArrayNode

2024-07-27 22:07:30

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!