CSS常用属性(列表属性、表格属性、背景属性、鼠标属性)

一、CSS列表属性

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

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
复合属性
没有数量、顺序的要求

二、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 :在表格下面
以上 5 个属性,只有表格才能使用,即: <table> 标签。

三、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
复合属性
没有数量和顺序要求

四、CSS鼠标属性

CSS 属性名
功能
属性值
cursor
设置鼠标光标的样式
pointer :小手
move :移动图标
text :文字选择器
crosshair :十字架
wait :等待
help :帮助
自定义鼠标图标:
cursor: url("./arrow.png"),pointer;

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/50169.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Unity 物理动画:利用物理引擎创造逼真动作

在Unity中&#xff0c;物理动画是一种利用物理引擎来模拟真实世界物理效果的动画技术。通过物理动画&#xff0c;开发者可以创造出更加逼真和自然的动画效果&#xff0c;如重力、碰撞、布料摆动等。本文将介绍Unity物理动画的基本概念、实现方法以及一些实用的技巧。 Unity物理…

Oat++ 后端实现跨域

这里记录在官方的例子中&#xff0c;加入跨域。Oat Example-CRUD 在官方的例子中&#xff0c;加入跨域。 Oat Example-CRUD 修改AppComponent.hpp文件中的代码&#xff0c;如下&#xff1a; #include "AppComponent.hpp"#include "controller/UserController…

路径规划——Dijkstra算法

算法原理 Dijkstra算法采用贪心算法的思想&#xff0c;解决的问题可以描述为&#xff1a;在无向图G(V,E)中&#xff0c;假设每条边E[i] 的长度为 w[i]&#xff0c;找到由顶点vs到其余各点的最短路径。 通过Dijkstra计算图G中的最短路径时&#xff0c;需要指定起点vs(即从顶点v…

BI数据可视化看板的力量与应用

在当今数据驱动的时代&#xff0c;企业面对着海量的信息与数据。随着业务的复杂性加剧&#xff0c;如何有效地解读和利用这些数据&#xff0c;成为了企业决策的重要环节。而BI&#xff08;商业智能&#xff09;数据可视化看板&#xff0c;便是解决这一难题的关键工具。数聚将深…

idea-springboot后端所有@注释含义汇总-持续更新!

&#xff08;1&#xff09;启动类 ①SpringBootApplication 出现这个代表这个就是整个程序的入口&#xff0c;是运行的开始位置 &#xff08;2&#xff09;Dao层 ①Repository 作用就是声明自己这个为bean文件&#xff08;每一个controller都是一个bean文件&#xff09;&am…

vue3 中使用xlsx 插件 导出excel文件

介绍一下 vue中得导出excel 文件 功能 ① 安装插件 npm i xlsx ②导入插件 import * as XLSX from xlsx; ③ 使用插件 直接是一个 方法 const exportExcel()>{const data[["姓名","年龄"],["张三",18],["李四",20],["王五…

blender顶点乱飞的问题解决

初学blender&#xff0c;编辑模式下移动某些顶点&#xff0c;不管是移动还是滑动都会出现定点乱飞的问题&#xff0c;后来才发现是开了吸附工具的原因&#xff01;&#xff01;&#xff01;&#xff01; 像下面这样&#xff0c;其实我只是在Z轴上移动&#xff0c;但是就跑的很…

Anaconda目录

安装目录 Anaconda 在默认情况下会安装到 C:\ProgramData\Anaconda3&#xff0c;而 conda 环境和包会安装在 C:\Users\username\.conda\ 目录下。 备注&#xff1a;我是在windows下安装 的Anaconda。我的安装目录是C:\Program Files\Anaconda3 pkgs目录 在以上两个目录下都有…

CH571F基于官方模版创建工程

直接使用MounRiver创建的工程只有最简单的串口和GPIO功能&#xff0c;其他PWM和SPI等驱动基本上都有&#xff0c;但蓝牙和USB只有参考官方的示例来&#xff0c;全部自己写属实有点麻烦了&#xff0c;而且还需要添加BLE的库。下面就简单基于官方的示例工程创建我们自己的工程。 …

抓包工具——wireshark的使用

​ 什么是wireshark wireshark是一个数据包捕捉程序。和linux下的tcpdump&#xff0c;以及sniffer&#xff0c;Fidder等软件功能类似。按理说&#xff0c;我们的计算机中的网卡设备只会将发给本机的数据包传输到上层进行解析&#xff0c;而其他的数据包会进行丢弃&#xff0c;…

jenkins集成allure测试报告

1.allure插件安装 &#xff08;1&#xff09;点击首页的【Manage Jenkins】-【Manage Plugins】 &#xff08;2&#xff09;选择【Available】选项&#xff0c;搜索输入框输入Allure&#xff0c;搜索出来的名字就叫Allure&#xff0c;当安装后名字会变为Allure Jenkins Plugi…

QVariantMap是QVariant类型的键值对容器,它在 Qt 中被广泛使用,用于存储和传递复杂的数据结构

QVariantMap 是 QVariant 类型的键值对容器&#xff0c;它在 Qt 中被广泛使用&#xff0c;用于存储和传递复杂的数据结构。QVariantMap 类似于 QMap<QString, QVariant>&#xff0c;允许使用字符串作为键来存储各种类型的数据。 QVariantMap 的基本功能 创建和使用 QVa…

Android SurfaceFlinger——GraphicBuffer获取内存信息(三十一)

上一篇文章介绍了 GraphicBuffer 初始化的 initWithSize() 函数中的申请内存流程,这里我们看一下另一个比较重要的函数,GraphicBufferMapper. getTransportSize 获取内存信息。该函数通常在需要了解缓冲区的实际内存占用情况时调用,例如在调试内存使用情况或优化性能时。 一…

语言模型检索用的知识库,是越大越好吗?

语言模型在预训练时所使用的数据量越大&#xff0c;推理时的准确率等性能总的来说就会越好。根据美国华盛顿大学和艾伦AI研究所近期发表的一篇论文[1]&#xff0c;语言模型检索用的知识库同样也存在着规模效应&#xff0c;知识库的规模越大&#xff0c;模型完成知识密集型任务的…

MySQL 8.0 字符集与比较规则介绍

前言&#xff1a; 我们都知道 MySQL 8.0 与 MySQL 5.7 的区别之一就是默认字符集从 latin1 改成了 utf8mb4 &#xff0c;除此之外&#xff0c;MySQL 8.0 下的字符集和比较规则还有没有其他变化呢&#xff1f;本篇文章我们一起来学习下。 utf8mb4 字符集 在 MySQL 8.0 中&…

C和C++的区别?

C和C是两种广泛使用的编程语言&#xff0c;它们在许多方面有相似之处&#xff0c;但也有一些关键的区别。以下是C和C的一些主要区别&#xff1a; 目录 1. **语言起源和设计哲学**:2. **面向对象编程**:3. **内存管理**:4. **标准库**:5. **类型检查**:6. **函数重载**:7. **引…

PPT模板替换秘籍:一键撤销原模板,轻松更换新风格!

将PPT中的模板换成另一个模板&#xff0c;可以通过几种不同的方法实现。以下是几种常用的方法&#xff1a; 方法一&#xff1a;使用PowerPoint内置的设计选项卡 打开PowerPoint&#xff1a;首先&#xff0c;打开你想要更改模板的PPT文件。 选择“设计”选项卡&#xff1a;在…

(部署服务器系列四)部署Vue步骤(使用nodejs)

1. 构建项目&#xff08;打包Vue&#xff09;&#xff1a; 构建前设置main.js //关闭开发模式提示 Vue.config.devtoolsfalse Vue.config.productionTip false设置指向的服务端后端ip和端口&#xff0c;我的常量属性统一放在了constants.js export const AIOS_BASE_URL &q…

生成式AI的未来:智慧对话与自主代理的抉择

生成式AI的未来&#xff1a;智慧对话与自主代理的抉择 随着生成式AI技术的不断进步&#xff0c;关于其未来发展方向的讨论也愈发激烈。究竟生成式AI的未来是在对话系统&#xff08;Chat&#xff09;中展现智慧&#xff0c;还是在自主代理&#xff08;Agent&#xff09;中体现能…

Mysql-覆盖索引和前缀索引

一.SQL提示 SQL提示,是优化数据库的一个重要手段,简单来说&#xff0c;就是在SQL语句加入一些人为的提示来达到 二.覆盖索引 尽量使用覆盖索引(查询使用了索引,并且需要返回的列,在该索引中已经全部能够找到),减少select* 知识小贴士: using index condition :查找…