CSS5賽季推出了許多的時(shí)尚新品,其中最讓人心動(dòng)的當(dāng)屬它的服裝系列。這些衣服不僅僅是簡單的套裝和外衣,而是經(jīng)過設(shè)計(jì)師們精心打造的獨(dú)特造型。
/* 以下為CSS5賽季衣服樣式代碼 */ .dress { width: 100%; height: 800px; background-color: #eee; display: flex; justify-content: center; align-items: center; } .dress .img { flex: 1; text-align: center; } .dress .img img { width: 100%; max-width: 500px; } .dress .info { flex: 1; text-align: center; font-family: '微軟雅黑', sans-serif; font-size: 24px; } .dress .info h2 { margin-top: 0; margin-bottom: 20px; } .dress .info p { margin: 0; } /* 以下是一套簡約式連衣裙樣式 */ .simple-dress { width: 80%; height: 600px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); display: flex; } .simple-dress .img { flex: 1; } .simple-dress .img img { width: 100%; max-width: 400px; } .simple-dress .info { flex: 1; text-align: left; padding: 20px; } .simple-dress .info h2 { font-size: 36px; margin-top: 0; margin-bottom: 20px; } .simple-dress .info p { font-size: 20px; line-height: 1.5; }
舉例來說,一套名為“簡約式連衣裙”的服裝采用了明快的淡藍(lán)色作為主色調(diào),上裝為一件短袖T恤,下裝為一個(gè)蓬松的綢緞蓬蓬裙,將淑女和休閑融為一體。簡約而不失優(yōu)雅。
總之,這些精美的服裝讓人不由自主地想把它們?nèi)渴杖肽抑校蔀闀r(shí)尚潮人的一部分。
上一篇CSS5的使用