在現代書法藝術中,越來越多的藝術家開始采用 CSS 技術來書寫古詩,并為其添加各種特效。例如,下面這段詩可以用 CSS 來表現:
.poem{ margin: 50px auto; font-size: 32px; font-family: 'Yu Mincho', sans-serif; text-align: center; line-height: 1.5; color: #333; position: relative; padding: 100px 0; background-image: url("background.jpg"); background-size: cover; background-position: center; } .poem:before{ content: "山"; font-size: 120px; color: #aaa; position: absolute; left: 30%; top: 10%; } .poem:after{ content: "水"; font-size: 120px; color: #aaa; position: absolute; right: 30%; top: 10%; } .poem h2{ font-size: 48px; color: #fff; margin-bottom: 50px; text-shadow: 2px 2px #333; } .poem p{ font-size: 24px; line-height: 1.8; margin-bottom: 30px; letter-spacing: 2px; }
將以上代碼嵌入 HTML 頁面,即可呈現以下效果:
靜夜思
床前明月光,
疑是地上霜。
舉頭望明月,
低頭思故鄉。
如此,一份精美的靜夜思就巧妙地被 CSS 包裝成了一件收藏級的藝術品。
上一篇mysql中的自關聯查詢
下一篇用css寫列