版權信息是網站重要的一部分,它可以告訴讀者關于這個網站的所有權和使用條款。在網站中添加版權信息是一個非常普遍的做法,可以讓你的網站看起來更專業。在CSS中,我們可以使用偽元素來控制版權信息的樣式。
.footer::after { content: "? 2021 yourwebsite.com - All rights reserved."; display:block; font-size: 12px; text-align:center; padding: 10px 0; }
在這個例子中,我們使用了偽元素::after來添加版權信息。我們在content屬性中寫入了版權信息的文本內容。我們使用display:block來讓這個偽元素成為一個塊級元素。我們使用text-align:center來讓文本在塊級元素中居中對齊。我們還添加了一些內邊距來讓文本與其他元素有一些間隔。
除了這些基本的樣式設置,我們還可以使用其他CSS屬性來控制版權信息的樣式。例如,我們可以使用顏色屬性來改變文本顏色,使用font-family屬性來改變字體,使用border屬性來添加邊框等等。
總之,使用CSS控制版權信息的樣式可以讓網站看起來更加專業,并告誡讀者所有權和使用條款。我們可以使用偽元素::after,通過一些基本的CSS屬性來自定義版權信息的樣式,從而實現自己想要的顯示效果。