📂 按类别查找模板

📑 “CSS”的搜索结果

• CSS基础：复制粘贴指南

  适合初学者的CSS样式指南，包含可直接使用的示例。学习属性、排版、布局和设计基础。

• CSS: 使用border-bottom为标题下方添加边框

  学习如何使用CSS中的border-bottom属性在标题下方添加边框。

• 【CSS】设置元素高度为100%｜使用h-100和h-50

  学习如何使用CSS类'h-100'和'h-50'将元素的高度设置为100%。本文解释了如何根据父容器的高度设置元素的高度。

• CSS模板：悬停时改变颜色的按钮（:hover）

  一个使用:hover伪类实现按钮颜色变化的CSS模板，适合提升用户体验，非常适合初学者使用。

• CSS 模板：调整图标按钮的 padding-left

  此 CSS 模板用于在图标按钮的左侧添加适当的空间。它帮助创建一个图标和文本正确间隔的按钮。

• CSS 模板：输入框的装饰 (input { border-radius + padding })

  一个用于给输入框添加 border-radius 和 padding 的 CSS 模板。

• CSS 模板：在 input:focus 中改变边框颜色

  这是一个 CSS 模板，用于在 input 元素获取焦点时改变边框颜色

• CSS模板：letter-spacing: 0.05em;

  一个用于微调字符间距以提升可读性的 CSS 模板。

• CSS模板：line-height: 1.8;

  使用 CSS 设置行间距为 1.8 的模板，适合初学者使用，附带可直接使用的实例。

• CSS 模板：加载中的旋转器（旋转圆形和条形）

  一个使用 animation: blink 创建旋转圆形或条形加载器的 CSS 模板。

• 【CSS】边距和填充基础｜如何使用 m-0, p-10, m-20, p-5

  了解如何使用 CSS 中的 <code>m-0</code>, <code>p-10</code>, <code>m-20</code> 和 <code>p-5</code> 来调整边距和填充。本文将通过实际示例说明这些属性的应用。

• CSS模板：外边距与内边距调整类

  本模板定义了常用的垂直方向的外边距（margin）和内边距（padding）工具类。遵循命名规则即可简洁地使用。

• 【CSS】基本滚动显示｜如何使用 overflow-scroll

  学习如何使用 CSS 的 <code>overflow-scroll</code> 属性来显示溢出内容时的滚动条。本文介绍了如何使用 display: none; 和其应用示例。

• 单选框和复选框自定义：appearance: none 装饰

  用于自定义单选按钮和复选框的 CSS 模板。此模板使用 appearance: none 来移除默认样式并调整设计。

• CSS模板：圆角按钮（border-radius + background）

  一个CSS模板，用于轻松创建带有圆角和背景色的按钮。非常适合初学者使用。

• CSS: 添加半透明区域 background-color: rgba(0,0,0,0.5)

  学习如何使用 background-color: rgba(0,0,0,0.5) 创建半透明的区域。

• CSS模板：带阴影的按钮实现立体感（box-shadow）

  一个使用 box-shadow 为按钮添加视觉深度的 CSS 模板。简单实用，适合用于增强交互感。

• CSS 模板：滑入 (左/右) transform: translateX

  一个使用 transform: translateX 来创建从左或右滑入效果的 CSS 模板。

• CSS模板：text-align: center;

  一个用于将文本水平居中的 CSS 模板。适用于标题、按钮和提示信息的布局。

• 【CSS】文字居中基础｜text-align 使用技巧

  使用 CSS 中的 text-align: center; 来实现文本居中的基础技巧。本文结合完整可运行模板，详细讲解居中排版的基本方法及实用技巧。

• CSS模板：color: red;

  一个简单的 CSS 模板，用于将文本高亮为红色。适用于警示或重要信息。

• CSS模板：双栏布局（25% / 75%）

  一个将页面分为左右两栏的CSS模板，左栏占25%，右栏占75%。适用于侧边栏 + 主内容的结构。

• [CSS] 100%宽度与50%宽度的比较｜w-100的用法

  对比CSS中设置元素宽度为100%与50%的方法。通过w-100类及不同的宽度设置，理解如何根据父元素调整布局。

• 【CSS】隐藏元素的基本方法｜如何使用 .d-none

  使用CSS类'd-none'隐藏元素的基本技巧。可以在不删除HTML结构的情况下，使用'display: none;'来隐藏元素。

• CSS 模板：闪烁的文本使用 animation: blink

  一个使用 animation: blink 让文本闪烁的 CSS 模板。

• 【CSS】网站全局字体和背景初始设置

  此模板演示了如何通过CSS设置网站的全局字体和背景

• CSS: 添加边框框体 border: 1px solid #ccc; padding: 10px;

  学习如何使用CSS创建带有边框和内边距的框体。

• CSS 模板：按钮悬停放大效果使用 scale()

  一个使用 scale() 让按钮在悬停时轻微放大的 CSS 模板。

• CSS模板：卡片布局（圆角 + 阴影）

  一个使用 CSS 制作卡片式设计的模板，结合 border-radius 和 box-shadow 实现柔和现代的视觉效果。

• 【CSS】站点全局颜色管理与主题色设置

  本文介绍了如何使用 :root 在 CSS 中定义颜色变量，并在整个站点管理主题颜色。

• CSS模板：固定高度并启用滚动

  该CSS模板通过设置max-height与overflow: auto，实现内容区域固定高度并允许滚动，适用于显示较多内容的元素。

• 【CSS】如何使用 class 选择器

  学习如何使用 CSS 的 class 选择器来选择特定的元素并应用样式。

• 【CSS】如何使用 ID 选择器

  学习如何使用 CSS ID 选择器来选择特定的元素并应用样式。

• 【CSS】如何使用标签选择器更改p标签的颜色

  学习如何使用CSS标签选择器将p标签的颜色更改为橙色。本文介绍了如何使用标签选择器修改元素的颜色。

• 【CSS】隐藏元素的基本方法｜使用 .d-none

  使用 CSS 类 'd-none' 来隐藏元素的基本技巧。通过 'display: none;' 隐藏元素，而不从 HTML 结构中删除它们。

• CSS重置: 删除a标签的text-decoration

  学习如何重置链接（a标签）的默认text-decoration（下划线），并应用自定义样式。

• CSS模板：禁用按钮样式（button:disabled）

  一个使用 :disabled 为按钮设置禁用状态的 CSS 模板。通过改变颜色和光标来清晰地传达按钮不可用的状态。

• CSS模板：display: flex;

  一个使用 Flex 布局实现元素横向排列的 CSS 模板，适用于盒子布局和响应式设计。

• CSS: 使用border-style: dotted添加点状边框

  学习如何使用CSS中的border-style: dotted属性添加点状边框。

• CSS 模板：@keyframes fadeIn + opacity

  一个使用 @keyframes 和 opacity 添加渐显效果到元素的 CSS 模板。

• CSS模板：float: left;

  一个使用 float 实现元素横向排列的 CSS 模板。适用于旧版浏览器和简单布局场景。

• CSS模板：font-size: 0.8em;

  使用 CSS 将文本设置为稍小字号的模板。适合初学者使用，附带实用示例。

• CSS模板：font-style: italic;

  使用 CSS 实现斜体（italic）文字效果的模板，适合初学者使用，附带实际示例。

• 使用 CSS 的 font-weight: bold 实现文字加粗的方法

  为初学者详细讲解如何使用 CSS 的 font-weight 属性将文字加粗，附带可直接复制使用的演示模板。

• 表单布局：使用form-group

  一个CSS模板，用于将表单字段分组并创建视觉上有序的布局。通过使用form-group类将相关字段分组，这个模板提升了用户输入体验。

• CSS: 使用background: linear-gradient(...)添加渐变背景

  学习如何使用CSS中的background: linear-gradient()属性添加渐变背景。