css的一些属性

简介: 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属性进行设置,我们也可以设置自己喜欢的阴影颜色,以及照射方向,阴影深浅!

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

相关文章
|
8天前
|
前端开发
页面无法滑动-CSS: touch-action属性
页面无法滑动-CSS: touch-action属性
19 0
|
23天前
|
前端开发
css文本属性
css文本属性
13 0
|
23天前
|
前端开发 开发者
CSS变量,也被称为CSS自定义属性或级联变量
【4月更文挑战第7天】CSS变量,也被称为CSS自定义属性或级联变量
20 3
|
26天前
|
XML 前端开发 数据格式
css核心组成部分包括选择器、属性和值。
【4月更文挑战第5天】css核心组成部分包括选择器、属性和值。
18 7
|
2月前
|
前端开发 容器
CSS语言的属性(Property)和值(Value)
CSS语言的属性(Property)和值(Value)
|
8天前
|
容器
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
mui.css 滚动条消失 导致超出部分无法显示 overflow属性
10 0
|
1天前
|
前端开发
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
css样式字体、文本、背景属性,盒子模型详解,轻松调教出优美的字体和网页背景色
|
10天前
|
前端开发
CSS列表属性
CSS列表属性。
18 5
|
11天前
|
前端开发 UED
CSS cursor的一些相关属性
CSS cursor的一些相关属性
|
15天前
|
编解码 前端开发 iOS开发
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
前端开发入门笔记(八)CSS3属性详解:动画详解+Flex布局图文详解+Web字体
58 1