天津CSS是天津市流行的一種居家裝飾樣式,它與傳統的北方裝飾風格有所不同。天津CSS注重細節處理,講究簡潔而不失個性,更加注重生活的品質與舒適感。
/* 天津CSS樣式表 */ body{ font-family: "Microsoft YaHei", "SimHei", Arial, sans-serif; background-color: #f5f5f5; } .container{ max-width: 1200px; margin: 0 auto; } h1, h2, h3, h4{ font-weight: bold; margin: 0.5em 0; } p{ line-height: 1.6; margin: 1.2em 0; text-align: justify; } img{ max-width: 100%; height: auto; } /* 標準按鈕 */ .btn{ display: inline-block; padding: 0.5em 1em; color: #fff; background-color: #00a2d8; font-weight: bold; border-radius: 5px; cursor: pointer; } .btn:hover{ background-color: #0078a8; } /* 布局 */ .row{ display: flex; flex-wrap: wrap; justify-content: space-between; } .col{ flex-basis: 48%; } @media screen and (max-width: 768px){ .row{ flex-direction: column; } .col{ flex-basis: 100%; } } /* 導航欄 */ nav{ background-color: #2c2c2c; color: #fff; padding: 1em 0; } nav a{ color: #fff; text-decoration: none; padding: 0.5em 1em; margin: 0 0.5em; } nav a:hover{ background-color: #fff; color: #2c2c2c; border-radius: 5px; }
使用天津CSS進行頁面設計可以更加貼近生活,讓頁面看起來更加和諧、美觀。如果您想要嘗試使用天津CSS進行頁面設計,不妨試試以上樣式表。
上一篇天貓css初始化
下一篇天氣預報用css怎么寫