在前端開發中,CSS是必不可少的技術。在實際開發過程中,我們經常會用到各種各樣的CSS小代碼來美化頁面或提高用戶體驗。下面,我將為大家介紹幾個CSS小代碼:
/* 1. 文字過長省略號 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* 2. 去除圖片下方的邊框 */ img { border: none; } /* 3. 去除超鏈接的下劃線 */ a { text-decoration: none; } /* 4. 禁止用戶拖動圖片和文本 */ img, p { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* 5. 背景色透明 */ background-color: rgba(0, 0, 0, 0); /* 6. 圓形圖片 */ img { border-radius: 50%; } /* 7. 隱藏滾動條 */ ::-webkit-scrollbar { display: none; } /* 8. 禁止雙擊放大 */ img { pointer-events: none; } /* 9. 強制所有元素使用當前字體 */ * { font-family: inherit; } /* 10. 去除列表樣式 */ ul { list-style: none; }
以上這些CSS小代碼都是可以在實際開發中廣泛使用的,它們能很好地提高頁面交互體驗和美觀度,希望對大家有所幫助。
上一篇css小圖標分享原理
下一篇css小圓圈點另一個界面