CSS能夠實現各種各樣的效果,比如實現舊紙張顏色。下面我們就來一起看看怎樣用CSS來實現這一效果。
body { background-color: #eddfc6; /* 設置背景色 */ } p { font-size: 16px; /* 設置文字大小 */ line-height: 1.8; /* 設置行高 */ color: #9b4f00; /* 設置文字顏色 */ background-color: #f7ecd0; /* 設置背景色 */ padding: 1em; /* 設置內邊距 */ border-top: 1px dotted #707070; /* 設置上邊框 */ border-bottom: 1px dotted #707070; /* 設置下邊框 */ }
通過以上CSS代碼,我們可以設置出一個舊紙張的效果。其中,我們將背景色、字體、行高、邊框等都做了相應的調整,使其更符合舊紙張的視覺效果。同時,我們可以通過修改對應的數值,來得到不同的效果。
上一篇css實現按鈕波紋擴散
下一篇css實現照片重疊