Yellow CSS 是一款基于 CSS 的可重復使用、開放源代碼的框架,旨在提供一種易于使用的方式來創建漂亮的黃色主題網站。它包括了一些黃色調的顏色、CSS 類和 HTML 元素。
/* Yellow CSS 樣式 */ /* 顏色 */ :root { --primary: #ffeb3b; --secondary: #fdd835; --accent: #ffc107; } /* 文字樣式 */ p { color: var(--primary); font-size: 1.2rem; line-height: 1.5; } h1, h2, h3, h4, h5, h6 { font-weight: bold; color: var(--secondary); } /* 按鈕 */ .btn { background-color: var(--accent); color: #fff; padding: 0.5rem 1rem; border: none; border-radius: 0.3rem; cursor: pointer; &:hover { background-color: #ff9800; } } /* 表單 */ .form-control { width: 100%; padding: 0.5rem; border: 1px solid var(--secondary); border-radius: 0.3rem; &:focus { outline: none; box-shadow: 0 0 0 2px var(--accent); } }
Yellow CSS 簡單易用,您可以輕松地通過將 Yellow CSS 樣式表引入您的 HTML 文件來使用它。使用黃色調的主題可以為您的網站帶來更加溫暖、陽光的感覺,讓您的訪問者留下深刻的印象。