CSS畫S曲線是一種使用CSS控制文本的樣式和布局的方法，可以用來創建各種形狀的曲線和圖形。

S曲線是一種常見的曲線形狀，通常用來描述物體的運動軌跡。在CSS中，我們可以使用CSS的動畫屬性來控制文本的樣式，從而創建出S曲線的效果。

下面是一個簡單的S曲線示例：

```html

<style>

.c曲線 {

position: relative;

width: 20px;

height: 20px;

.c曲線：before,

.c曲線：after {

content: "";

position: absolute;

border-radius: 50%;

background-color: #ff6666;

transform: rotate(-45deg);

transform-origin: 0 100%;

.c曲線：after {

transform: rotate(45deg);

transform-origin: 100% 100%;

</style>

<p>這是一個S曲線。</p>

<p class="c曲線">注意，文本不是真正的S曲線，而是一個簡單的矩形。</p>

在這個示例中，我們使用了CSS的`border-radius`屬性和`transform`屬性來控制文本的形狀。我們首先創建了一個圓形的`:before`和`:after`偽元素，然后使用`transform`屬性將它們旋轉了45度。通過調整這些屬性的值，我們可以控制S曲線的起始和結束角度，以及形狀的大小和方向。

除了基本的S曲線，我們還可以使用CSS創建其他形狀的曲線，例如L形、M形和U形。這些曲線可以通過調整文本的樣式和布局來控制。

通過使用CSS，我們可以輕松地創建出各種形狀的曲線和圖形，從而在設計和布局中發揮更大的作用。