<!DOCTYPE html>CSS 設置邊框背景圖
這是一個使用 CSS 設置邊框背景圖的例子
p { border: 5px solid black;/*設置邊框大小和顏色*/ background-image: url('bg.jpg');/*設置背景圖*/ background-size: cover;/*充滿整個容器*/ padding: 20px;/*設置內邊距*/ margin-top: 50px; text-align: center; font-size: 30px; }CSS 可以通過設置邊框背景圖,來美化頁面的樣式。在上述代碼中,使用了 p 標簽設置了一個帶有邊框背景圖的段落,其 CSS 屬性包括: border: 5px solid black;設置邊框大小和顏色 background-image: url('bg.jpg');設置背景圖 background-size: cover;充滿整個容器 padding: 20px;設置內邊距 margin-top: 50px;設置上邊距 text-align: center;居中對齊 font-size: 30px;字體大小 而 pre 標簽則用于展示 CSS 代碼,設置其屬性包括: background-color: #eee;設置代碼框的背景色 padding: 20px;設置內邊距 margin-top: 50px;設置上邊距 font-size: 18px;字體大小 這是一個簡單的使用 CSS 設置邊框背景圖的例子,希望可以對您有所幫助。
上一篇超贊的css3進度條
下一篇超鏈接能加在css里面嗎