css教程
css3 transfrom:translate元素居中
CSS3的transform: translate()函数可以使元素居中排版，下面是transform: translate()函数的例子：.container { display: flex; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ height: 100vh; /* 使容器的高度为视...
Font Awesome图标库使用方法和CDN公共库分享
Font Awesome使用方法Font Awesome使用前缀 fa 和图标的名称来放置 Font Awesome 图标，可缩放、定制大小、颜色、阴影等等，都可以用CSS的样式修改。<!DOCTYPE html><html><head><link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome...
tailus免费开源的专业网页UI库
tailus介绍tailus是一款国外免费开源的专业网页UI库，免费开源，为打造专业网页而生！基于Radix UI和Tailwind Css构建的一组高度可定制、可访问的现代反应组件。在定制方面，Tailus UI React 在 React UI Kits 领域中脱颖而出，成为高度灵活的选择。内建设计...
CTRL+D添加收藏效果CSS代码
给网站增加一个CTRL+D添加收藏效果，效果如下：直接复制粘贴到自己的项目就可以使用，无需修改。HTML代码：<div id="go-fav"> 赶紧收藏我们,查看更多心仪的内容？按<span>Ctrl</span>+<span>D</span>收藏我们 或<a class="find-more" href="https://www.wdzzz...
利用tailwindcss-highlights给文字添加高亮效果
项目介绍tailwindcss-highlights是一款开源小巧的CSS框架，tailwindcss-highlights可以快速的给文字添加高亮效果。效果如下，我的站长站认为可以用来制作网站tags标签效果不错，所以收藏了。开源地址：h...
Tailwind CSS组件库开源前端UI库
项目介绍Material Tailwind 是一个开源库，它利用 Tailwind CSS 和 React 的强大功能来帮助您更快、更轻松地构建独特的 Web 项目。Tailwind CSS 组件库可将编码速度提高 10 倍，已有460个组件。官网...
css左侧列表和右侧显示效果代码
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>左侧列表和右侧功能显示</title> <style> ....
css修改滚动条样式教程
在CSS中可以使用 ::-webkit-scrollbar 选择器来修改滚动条的样式。以下是几种不同的实现方法：使用 ::-webkit-scrollbar 修改滚动条的宽度、高度、颜色和背景：/* 修改垂直滚动条 */::-webkit-scrollbar { width: 10px; /* 修改宽度 */}/* 修改滚动条...
给网站添加一个Gitee/Github徽章图标CSS代码
为您的网站添加一个Gitee/Github徽章图标，支持任意网站，将下面代码放在网站底部或者侧边栏，主要是html、css代码！效果如下：HTML代码<div class="github-badge"> <span class="badge-subject">站点地图 </span> <a style="color:#fff" href="http://www....
text-decoration上 中 下划线使用方法
text-decoration介绍text-decoratio在日常开发中主要用于文字添加上划线、中划线（删除线、栅格线、贯穿线）、下划线样式。语法：text-decoration-line ：指定文本装饰的种类。相当于CSS1时的text-decoration属性text-decoration-style ：指定文本装饰的样式...