css中增加的一些属性

本文介绍了CSS中的四个主要属性:文本属性、颜色属性、背景属性和边框属性。文本属性中详细讲解了text-shadow,包括其四个属性值;盒子阴影通过box-shadow属性实现,可以设置内外阴影;颜色属性包括英文单词、rgba、十六进制和hsl等表示方式,可应用于color和background属性;背景图片的size属性有多种用法,如100% 100%、100% auto、cover和contain;边框圆角属性border-radius则允许设置为单值、双值、三值或四值,甚至八值,以创建不同形状的圆角效果。
摘要由CSDN通过智能技术生成

        文本属性,颜色属性,背景属性,边框属性 四大属性开始入手

        文本属性:文本阴影

                属性:text-shoadow

                属性值:常用的属性有4个

                第一个属性表示水平方向 10px

                第二个属性值表示垂直方向 10px

                第三个属性值表示模糊程度 2px

                第四个属性值表示的颜色值 (多种写法,英文单词,rgba,十六进制)

        盒子阴影:

                属性:box-shadow

                属性值:常用的4个属性值

                有着第五个值 inset  决定阴影是内还是外增长

        

        颜色属性:有普通的英文单词,rgba,十六进制,hsl 

                能修改颜色的属性有:color background

        

        背景图片:背景图片属性 : background-size

                100% 100%  分别表示宽和高,宽和高都盒子一样的大小,不可以只写一个 再变的和盒子一样大小的时候会拉伸和变形

                100% auto  表示宽度为100%  高度自适应auto

                cover 覆盖  让背景图片来覆盖盒子,背景一定要比盒子大   不会变形

                contain 不会变形 自适应宽高 (看需求)

        边框属性 边框圆角属性: border-radius

                属性值的使用

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值