div{
? ? ? ? ? ? height: 100%;
? ? ? ? ? ? touch-action: none;
? ? ? ? ? ? background: radial-gradient(circle, #e6e6e6 1px, transparent 1px);
? ? ? ? ? ? /* 創建一個點狀背景 */
? ? ? ? ? ? background-size: 15px 15px; /* 控制點的大小和間距 */
? ? ? ? ? ? padding: 20px; /* 添加內邊距使內容不靠邊 */
? ? ? ? ? ? position: relative; /* 讓內部內容相對定位以在背景上顯示 */
? ? ?}
?結果:(非常nice)
如果還想要背景顏色可以改為:
div{
? ? ? ? ? ?height: 100%;
? ? ? ? ? ? touch-action: none;
? ? ? ? ? ? background: radial-gradient(circle, #e6e6e6 1px, transparent 1px) ?#f5f9fb;
? ? ? ? ? ? /* 創建一個點狀背景 */
? ? ? ? ? ? background-size: 15px 15px; /* 控制點的大小和間距 */
? ? ? ? ? ? padding: 20px; /* 添加內邊距使內容不靠邊 */
? ? ? ? ? ? position: relative; /* 讓內部內容相對定位以在背景上顯示 */
? ? }