css教程

  • 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...

    2天前
  • 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...

    1个月前
  • 利用tailwindcss-highlights给文字添加高亮效果

    利用tailwindcss-highlights给文字添加高亮效果

    项目介绍tailwindcss-highlights是一款开源小巧的CSS框架,tailwindcss-highlights可以快速的给文字添加高亮效果。效果如下,我的站长站认为可以用来制作网站tags标签效果不错,所以收藏了。开源地址:h...

    121个月前
  • Tailwind CSS组件库开源前端UI库

    Tailwind CSS组件库开源前端UI库

    项目介绍Material Tailwind 是一个开源库,它利用 Tailwind CSS 和 React 的强大功能来帮助您更快、更轻松地构建独特的 Web 项目。Tailwind CSS 组件库可将编码速度提高 10 倍,已有460个组件。官网...

    62个月前
  • css左侧列表和右侧显示效果代码

    <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>左侧列表和右侧功能显示</title> <style> ....

    72个月前
  • css修改滚动条样式教程

    在CSS中可以使用 ::-webkit-scrollbar 选择器来修改滚动条的样式。以下是几种不同的实现方法:使用 ::-webkit-scrollbar 修改滚动条的宽度、高度、颜色和背景:/* 修改垂直滚动条 */::-webkit-scrollbar { width: 10px; /* 修改宽度 */}/* 修改滚动条...

    62个月前
  • 给网站添加一个Gitee/Github徽章图标CSS代码

    为您的网站添加一个Gitee/Github徽章图标,支持任意网站,将下面代码放在网站底部或者侧边栏,主要是html、css代码!效果如下:HTML代码<div class="github-badge"> <span class="badge-subject">站点地图 </span> <a style="color:#fff" href="http://www....

    8个月前
  • text-decoration上 中 下划线使用方法

    text-decoration介绍text-decoratio在日常开发中主要用于文字添加上划线、中划线(删除线、栅格线、贯穿线)、下划线样式。语法:text-decoration-line :指定文本装饰的种类。相当于CSS1时的text-decoration属性text-decoration-style :指定文本装饰的样式...

    3511个月前
  • 哀悼日网站变灰色方法

    很多网站会在特别的日子把网站变灰色,以表哀悼,很多小白还不会,我的站长站分享给大家一段CSS把网站变灰色的方法。只需把以下CSS加入到网站header标签内,或CSS文件内即可。<style type="text/css">body *{-webkit-filter: grayscale(100%); /* webkit */...

    1511个月前
上一页第(1/8)页下一页»