CSS是網頁設計中的一項重要技能,其中控制字體和居中擺放是常見的需求。在本文中,我們將介紹如何使用CSS控制字體和div的居中擺放。
/* 控制字體 */ body { font-family: Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.5; } /* 居中擺放div */ .container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; }
首先,我們來看如何控制字體。在CSS中,我們可以使用font-family屬性定義字體族,使用font-size屬性定義字體大小,使用font-weight屬性定義字體粗細程度,使用line-height屬性定義行高。
接下來,我們來看如何居中擺放div。我們可以使用絕對定位(position: absolute)和相對于窗口的左上角偏移量(top、left)和一個位移變換(transform: translate(-50%, -50%))將div水平和垂直居中。我們還可以使用text-align屬性將div中內容水平居中。
總之,掌握CSS控制字體和居中擺放div的技能可以使網頁設計更加美觀和優雅。希望本文可以對您有所幫助。
上一篇css表格里文字居中對齊
下一篇css表格設置表格里邊線