<!DOCTYPE html><html lang="en" class="dark [--scroll-mt:9.875rem] lg:[--scroll-mt:6.3125rem] [scrollbar-gutter:stable]"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="description" content="Utilities for controlling the color of an element's borders."/><meta property="og:description" content="Utilities for controlling the color of an element's borders."/><meta name="twitter:description" content="Utilities for controlling the color of an element's borders."/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@tailwindcss"/><meta name="twitter:image" content="https://tailwindcss.com/api/og?path=/docs/border-color"/><meta name="twitter:creator" content="@tailwindcss"/><meta property="og:url" content="https://tailwindcss.com/docs/border-color"/><meta property="og:type" content="article"/><meta property="og:image" content="https://tailwindcss.com/api/og?path=/docs/border-color"/><link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="/feeds/feed.xml"/><link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="/feeds/atom.xml"/><link rel="alternate" type="application/json" title="JSON Feed" href="/feeds/feed.json"/><link rel="preconnect" href="https://KNPXZI5B0M-dsn.algolia.net" crossorigin="true"/><title>Border Color - Tailwind CSS</title><meta name="twitter:title" content="Border Color - Tailwind CSS"/><meta property="og:title" content="Border Color - Tailwind CSS"/><meta name="next-head-count" content="19"/><link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png?v=3"/><link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png?v=3"/><link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png?v=3"/><link rel="manifest" href="/favicons/site.webmanifest?v=3"/><link rel="mask-icon" href="/favicons/safari-pinned-tab.svg?v=3" color="#38bdf8"/><link rel="shortcut icon" href="/favicons/favicon.ico?v=3"/><meta name="apple-mobile-web-app-title" content="Tailwind CSS"/><meta name="application-name" content="Tailwind CSS"/><meta name="msapplication-TileColor" content="#38bdf8"/><meta name="msapplication-config" content="/favicons/browserconfig.xml?v=3"/><meta name="theme-color" content="#f8fafc"/><script>
try {
if (localStorage.theme === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark')
document.querySelector('meta[name="theme-color"]').setAttribute('content', '#0B1120')
} else {
document.documentElement.classList.remove('dark')
}
} catch (_) {}
</script><link data-next-font="size-adjust" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/6d4391d89ba5d8ef.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/6d4391d89ba5d8ef.css" crossorigin="" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-c124fa0e2a05ac2f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-fee8a7e75612eda8.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-f19df23cdf377076.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-7a6250ba7d5c9a09.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/05d954cf-b5b2c4234d4eeb35.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/9d72ad27-327a3c7b682239cf.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/4756-72d0f8dfe7469de3.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/537-b90e370462af6042.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6171-6136b7f2c01feb6f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/3424-6b8167cbb859a207.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/1731-852007add7b3c64f.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/docs/border-color-e9698d5d7a4b92a2.js" defer="" crossorigin=""></script><script src="/_next/static/27SF9t4_4ftbnZ5wlEufx/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/27SF9t4_4ftbnZ5wlEufx/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="antialiased text-slate-500 dark:text-slate-400 bg-white dark:bg-slate-900"><div id="__next"><div class="absolute z-20 top-0 inset-x-0 flex justify-center overflow-hidden pointer-events-none"><div class="w-[108rem] flex-none flex justify-end"><picture><source srcSet="/_next/static/media/docs@30.8b9a76a2.avif" type="image/avif"/><img src="/_next/static/media/docs@tinypng.d9e4dcdc.png" alt="" class="w-[71.75rem] flex-none max-w-none dark:hidden" decoding="async"/></picture><picture><source srcSet="/_next/static/media/docs-dark@30.1a9f8cbf.avif" type="image/avif"/><img src="/_next/static/media/docs-dark@tinypng.1bbe175e.png" alt="" class="w-[90rem] flex-none max-w-none hidden dark:block" decoding="async"/></picture></div></div><div class="sticky top-0 z-40 w-full backdrop-blur flex-none transition-colors duration-500 lg:z-50 lg:border-b lg:border-slate-900/10 dark:border-slate-50/[0.06] bg-white/95 supports-backdrop-blur:bg-white/60 dark:bg-transparent"><div class="max-w-8xl mx-auto"><div class="py-4 border-b border-slate-900/10 lg:px-8 lg:border-0 dark:border-slate-300/10 mx-4 lg:mx-0"><div class="relative flex items-center"><a class="mr-3 flex-none w-[2.0625rem] overflow-hidden md:w-auto" href="/"><span class="sr-only">Tailwind CSS home page</span><svg viewBox="0 0 248 31" class="text-slate-900 dark:text-white w-auto h-5"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.517 0C18.712 0 14.46 3.382 12.758 10.146c2.552-3.382 5.529-4.65 8.931-3.805 1.941.482 3.329 1.882 4.864 3.432 2.502 2.524 5.398 5.445 11.722 5.445 6.804 0 11.057-3.382 12.758-10.145-2.551 3.382-5.528 4.65-8.93 3.804-1.942-.482-3.33-1.882-4.865-3.431C34.736 2.92 31.841 0 25.517 0zM12.758 15.218C5.954 15.218 1.701 18.6 0 25.364c2.552-3.382 5.529-4.65 8.93-3.805 1.942.482 3.33 1.882 4.865 3.432 2.502 2.524 5.397 5.445 11.722 5.445 6.804 0 11.057-3.381 12.758-10.145-2.552 3.382-5.529 4.65-8.931 3.805-1.941-.483-3.329-1.883-4.864-3.432-2.502-2.524-5.398-5.446-11.722-5.446z" fill="#38bdf8"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M76.546 12.825h-4.453v8.567c0 2.285 1.508 2.249 4.453 2.106v3.463c-5.962.714-8.332-.928-8.332-5.569v-8.567H64.91V9.112h3.304V4.318l3.879-1.143v5.937h4.453v3.713zM93.52 9.112h3.878v17.849h-3.878v-2.57c-1.365 1.891-3.484 3.034-6.285 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.942-9.388 2.801 0 4.92 1.142 6.285 2.999V9.112zm-5.674 14.636c3.232 0 5.674-2.392 5.674-5.712s-2.442-5.711-5.674-5.711-5.674 2.392-5.674 5.711c0 3.32 2.442 5.712 5.674 5.712zm16.016-17.313c-1.364 0-2.477-1.142-2.477-2.463a2.475 2.475 0 012.477-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.879v17.849h-3.879zm8.368 0V.9h3.878v26.06h-3.878zm29.053-17.849h4.094l-5.638 17.849h-3.807l-3.735-12.03-3.771 12.03h-3.806l-5.639-17.849h4.094l3.484 12.315 3.771-12.315h3.699l3.734 12.315 3.52-12.315zm8.906-2.677c-1.365 0-2.478-1.142-2.478-2.463a2.475 2.475 0 012.478-2.463 2.475 2.475 0 012.478 2.463c0 1.32-1.113 2.463-2.478 2.463zm-1.939 20.526V9.112h3.878v17.849h-3.878zm17.812-18.313c4.022 0 6.895 2.713 6.895 7.354V26.96h-3.878V16.394c0-2.713-1.58-4.14-4.022-4.14-2.55 0-4.561 1.499-4.561 5.14v9.567h-3.879V9.112h3.879v2.285c1.185-1.856 3.124-2.749 5.566-2.749zm25.282-6.675h3.879V26.96h-3.879v-2.57c-1.364 1.892-3.483 3.034-6.284 3.034-4.884 0-8.942-4.105-8.942-9.389 0-5.318 4.058-9.388 8.
没有合适的资源?快使用搜索试试~ 我知道了~
tailwindcss文档(3.4.4版本)
共1559个文件
png:453个
js:354个
html:315个
需积分: 5 1 下载量 75 浏览量
2024-06-13
07:47:15
上传
评论
收藏 332.22MB ZIP 举报
温馨提示
配合nginx,在内网部署 server { listen 8004; server_name localhost; location / { root E:/doc-site/tailwindcss.com/out; index index.html index.htm; try_files $uri $uri/ /index.html; } }
资源推荐
资源详情
资源评论
收起资源包目录
tailwindcss文档(3.4.4版本) (1559个子文件)
docs-dark@30.1a9f8cbf.avif 117KB
docs@30.8b9a76a2.avif 76KB
6d4391d89ba5d8ef.css 312KB
ed7cebd3651533fe.css 5KB
d1dc1d8c3ddb78f4.css 2KB
border-color.html 1.66MB
gradient-color-stops.html 641KB
hover-focus-and-other-states.html 455KB
index.html 433KB
top-right-bottom-left.html 303KB
divide-color.html 289KB
scroll-margin.html 279KB
margin.html 277KB
scroll-padding.html 274KB
padding.html 270KB
customizing-colors.html 270KB
text-color.html 269KB
ring-offset-color.html 243KB
background-color.html 237KB
text-decoration-color.html 214KB
box-shadow-color.html 214KB
outline-color.html 210KB
ring-color.html 209KB
accent-color.html 207KB
caret-color.html 203KB
stroke.html 202KB
fill.html 201KB
content-configuration.html 197KB
plugins.html 195KB
border-radius.html 193KB
configuration.html 191KB
blog.html 185KB
framework-guides.html 179KB
heroicons-micro.html 178KB
upgrade-guide.html 175KB
adding-custom-styles.html 166KB
theme.html 162KB
border-spacing.html 162KB
space.html 155KB
gap.html 154KB
play-cdn.html 154KB
width.html 152KB
height.html 152KB
display.html 151KB
emberjs.html 149KB
reusing-styles.html 149KB
border-width.html 148KB
overflow.html 147KB
translate.html 146KB
max-width.html 143KB
size.html 142KB
phoenix.html 136KB
grid-column.html 134KB
flex-basis.html 134KB
animation.html 133KB
grid-row.html 132KB
nuxtjs.html 131KB
laravel.html 129KB
rspack.html 129KB
columns.html 128KB
using-postcss.html 128KB
position.html 128KB
align-content.html 127KB
max-height.html 126KB
screens.html 125KB
min-height.html 125KB
using-with-preprocessors.html 125KB
scroll-snap-align.html 125KB
scroll-snap-type.html 124KB
font-size.html 124KB
cursor.html 123KB
background-position.html 123KB
min-width.html 122KB
functions-and-directives.html 122KB
vite.html 122KB
tailwindcss-v3-1.html 122KB
sveltekit.html 122KB
border-collapse.html 121KB
justify-content.html 121KB
font-family.html 120KB
clear.html 120KB
place-content.html 120KB
installation.html 120KB
text-indent.html 119KB
presets.html 119KB
scale.html 119KB
divide-width.html 119KB
symfony.html 119KB
parcel.html 118KB
font-variant-numeric.html 118KB
gatsby.html 116KB
line-height.html 116KB
flex.html 116KB
place-self.html 115KB
object-position.html 115KB
skew.html 113KB
scroll-snap-stop.html 113KB
backdrop-opacity.html 112KB
grid-template-rows.html 112KB
vertical-align.html 112KB
共 1559 条
- 1
- 2
- 3
- 4
- 5
- 6
- 16
资源评论
pzy_666
- 粉丝: 5
- 资源: 10
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 【培训实施】-05-培训计划及实施方案.docx.doc
- 【培训实施】-03-企业培训整体规划及实施流程.docx
- 【培训实施】-08-培训实施.docx
- 【培训实施】-06-培训实施方案.docx
- 【培训实施】-11-培训实施流程 .docx
- 【培训实施】-09-公司年度培训实施方案.docx
- 【培训实施】-10-培训实施计划表.docx
- 【培训实施】-14-培训实施流程图.xlsx
- 【培训实施】-13-培训实施流程.docx
- 【培训实施】-12-企业培训实施流程.docx
- CentOS7修改默认启动级别
- 基于web的旅游管理系统的设计与实现论文.doc
- 02-培训师管理制度.docx
- 01-公司内部培训师管理制度.docx
- 00-如何塑造一支高效的企业内训师队伍.docx
- 05-某集团内部培训师管理办法.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功