CSS彩色方塊是一種通過CSS樣式來創建彩色效果的方塊。它可以在任何網站或應用程序中使用，通過簡單的樣式設置，創造出豐富多彩的視覺效果。

彩色方塊示例如下：

```html

<div class="color-box">

<div class="box-inner">

<p>這是一個彩色方塊。</p>

</div>

</div>

通過添加不同的CSS樣式，我們可以改變方塊的顏色、大小、形狀等。以下是一些可能的樣式：

```css

.color-box {

width: 200px;

height: 200px;

background-color: #ff6666;

border-radius: 50%;

box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);

.color-box:hover {

background-color: #ff4444;

.box-inner {

width: 100px;

height: 100px;

margin: 20px auto;

text-align: center;

font-size: 20px;

.box-inner p {

font-size: 18px;

line-height: 1.5;

margin-bottom: 20px;

在這個示例中，我們使用了不同的CSS樣式來創建不同的效果。當方塊被選中時，可以使用`:hover`偽類來更改背景顏色。方塊內部元素的寬度和高度使用了`margin`屬性來使方塊更加靈活。方塊上的文本使用了`font-size`和`line-height`屬性。