在網頁設計中,使用CSS模板可以快速地構建出網頁的布局和樣式。而其中一種比較流行的CSS模板,是人物畫模板。這種模板的布局和樣式都以傳統的中國畫為藍本,給人一種傳統美學的感覺。
/* 人物畫模板CSS代碼 */ .container { margin: 0 auto; max-width: 1000px; background-color: #FFFFFF; border: 1px solid #000000; } .header { height: 80px; background-color: #F7C798; text-align: center; line-height: 80px; } .logo { float: left; margin-left: 20px; } .nav { float: right; margin-right: 20px; } .nav a { display: inline-block; margin-left: 20px; color: #000000; font-size: 18px; text-decoration: none; } .content { padding: 30px 50px; } .background { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-image: url('bg.png'); opacity: 0.1; } .title { text-align: center; font-size: 36px; margin-bottom: 40px; } .text { font-size: 24px; line-height: 40px; } .image { float: left; margin-right: 30px; border: 5px solid #000000; } .image img { width: 200px; height: 200px; } .footer { height: 100px; background-color: #F7C798; text-align: center; line-height: 100px; }
以上是人物畫模板的CSS代碼,其中包括容器、頭部、導航、內容、背景、圖片和頁腳等部分的樣式。我們可以根據實際需要進行調整和修改,以適應各種網頁的設計。
總之,人物畫模板是一種非常有特色的CSS樣式,適合用于一些帶有傳統文化元素的網站設計。如果你正好需要這樣的模板,可以嘗試使用它來構建你的網頁,看看效果如何。
上一篇css樓層動畫
下一篇css模塊怎么設置寬度