使用 Bootstrap5 创建分页

笔记  CSS  前端 

使用 Bootstrap5 创建分页<!DOCTYPE html><html lang="zh"><head><meta charset="utf-8"><meta name="viewport&

Bootstrap- 面包屑

笔记  CSS  前端 

Bootstrap- 面包屑1.1 面包屑是什么面包屑是一种导航,可以在网站或应用程序中向用户指示当前页面的位置。面包屑导航可以增强网页的层次结构可以在有序列表上使用 .breadcrumb类<!DOCTYPE html><html lang="en">&

使用Bootstrap5创建列表组

笔记  CSS 

使用Bootstrap5创建列表组创建列表组列表组用于以漂亮的方式显示元素列表,在最基本的形式中,列表组只是一个带有.list-group类的无序列表,且列表中的元素都带有.list-group-item类<!DOCTYPE html><html lang="en&quo

Bootstrap5按钮

笔记  CSS 

Bootstrap5按钮使用bootstrap5创建按钮<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta ht

Bootstrap5 列表

笔记  CSS 

Bootstrap列表无样式的有序和无序列表list-unstyled<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

Bootstrap5 调整元素之间的距离

笔记  CSS 

Bootstrap5 调整元素之间的距离前言: 改变元素之间的间距是通过外边距或者内边距来实现的。bootstrap5提供了简写的class名,名称分别以m-开头和p-开头的类调整外边距类名stylem-0margin:0 !importantm-1margin:0.25rem !important

Bootstrap 表格

笔记  CSS 

Bootstrap 表格使用Bootstrap创建一个简单的表格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met

CSS-线性渐变

笔记  CSS 

CSS-线性渐变HTML 元素的背景色并不局限于单色。 CSS 还为我们提供了颜色渐变。 可通过 background 里的 linear-gradient() 实现线性渐变, 以下是它的语法:background: linear-gradient(gradient_direction, color

CSS-使用margin属性将元素水平居中

笔记  CSS 

<style> div { background-color: blue; height: 100px; width: 100px; margin: 0 auto; }</style><div></div>同样的,这个方法也对图

CSS变量

笔记  CSS 

CSS变量<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Com