0
点赞
收藏
分享

微信扫一扫

react中组件通信。context API。示例代码

小云晓云 2023-12-23 阅读 10

css学习笔记5

5.CSS列表属性

列表相关的属性,可以作用在ulolli元素上。

css属性名功能属性值
list-style-type设置列表符号常用值如下:
none:不显示前面的标识(很常用!)
square:实心方块
disc:圆形
decimal:数字
lower-roman:小写罗马数字
upper-roman:大写罗马数字
lower-alpha:小写字母
upper-alpha:大写字母
list-style-position设置列表符号的位置inside:在li的里面
outside:在li的外边
list-style-image自定义列表符号url(图片地址)
list-style复合属性没有数量、顺序的要求
6.CSS表格属性
1.边框相关属性(其他元素也能用):
css属性名功能属性值
border-width边框宽度CSS中可用的长度值
border-color边框颜色CSS中可用的颜色值
border-style边框风格none:默认值
solid:实线
dashed:虚线
dotted:点线
double:双实线
border边框符合属性没有数量、顺序的要求
2.表格独有属性(只有table标签才能使用):
css属性名功能属性值
table-layout设置列宽度auto:自动,列宽根据内容计算(默认值)。
fixed:固定列宽,平均分。
border-spacing单元格间距CSS中可用的长度值。
生效的前提:单元格边框不能合并。
border-collapse合并单元格边框collapse:合并
separate:不合并
empty-cells隐藏没有内容的单元格show:显示,默认
hide:隐藏
生效的前提:单元格不能合并。
caption-side设置表格标题位置top:上面(默认值)
bottom:在表格下面
7.CSS背景属性
css属性名功能属性值
background-color设置背景颜色符合CSS中颜色规范的值。
默认背景颜色是transparent
background-image设置背景图片url(图片的地址)
background-repeat设置背景重复方式repeat:重复,铺满整个元素,默认值。
repeat-x:只在水平方向重复。
repeat-y:只在垂直方向重复。
no-repeat:不重复。
background-position设置背景图位置通过关键字设置位置:
写两个值,用空格隔开
水平:left、center、right
垂直:top、center、bottom
如果只写一个值,另一个方向的值取center


通过长度指定坐标位置:
以元素左上角为坐标原点,设置图片左上角的位置。
两个值,分别是x坐标和y坐标。
只写一个值,会被当做x坐标,y坐标取center
background复合属性没有数量、顺序的要求
8.CSS鼠标属性
css属性名功能属性值
cursor设置鼠标光标的样式pointer:小手
move:移动图片
text:文字选择器
crosshair:十字架
wait:等待
help:帮助
举报

相关推荐

0 条评论