CSS 是一種用于網頁樣式設計的語言,通過 CSS,我們可以實現各種美觀的效果,包括右上角推薦這樣的功能。下面,我們來看看如何使用 CSS 實現這個功能。
.recommendation { position: fixed; top: 0; right: 0; background-color: #f5f5f5; color: #999; padding: 10px; border-bottom-left-radius: 5px; font-size: 14px; } .recommendation a { color: #999; }
首先,我們需要創建一個推薦框,可以使用<div>
標簽,并設置其樣式:將其設置為固定定位,位于頁面的右上角,背景顏色為 #f5f5f5,文字顏色為 #999,添加內邊距,圓角邊框和字體大小等樣式。
接下來,我們需要在這個推薦框中添加鏈接。可以使用<a>
標簽,并設置其樣式:將鏈接文字顏色設置為 #999。
這樣,我們就完成了右上角推薦的功能,通過 CSS 樣式設置,實現了頁面的美觀和功能擴展。