CSS(層疊樣式表)是用于控制網頁外觀和布局的語言。它可以幫助開發者輕松地對每個網頁元素進行樣式設置,例如字體樣式、背景顏色、邊框、布局等等。
body { font-family: sans-serif; background-color: #F9F9F9; } h1 { font-size: 36px; text-align: center; color: #333; } p { font-size: 18px; font-weight: 400; color: #666; line-height: 1.5; } a { color: #3498db; text-decoration: none; } .box { width: 300px; height: 200px; background-color: #FFF; border: 1px solid #ddd; border-radius: 5px; padding: 20px; box-sizing: border-box; }
但是隨著信息技術的進步,網頁不再只是信息展示的平臺,也成為了信息傳遞的工具。為了便于用戶復制其中的文本,我們需要將CSS與文本可復制相結合。
p { font-size: 18px; font-weight: 400; color: #666; line-height: 1.5; user-select: all; -webkit-user-select: all; /* Safari */ } div { user-select: none; -webkit-user-select: none; /* Safari */ }
以上代碼中,我們添加了一個CSS的屬性:user-select。這個屬性可以讓用戶選擇并復制網頁中任何文本內容。
如果您希望增加一些額外的保護措施,以確保用戶無法復制您網站的特定部分,您可以將user-select設為"none",這將禁止用戶選擇并復制您選擇的文本。
<div class="box"> <p>這是一段文本,您可以選擇并復制它。</p> <a href="#">這是一個鏈接,您也可以選擇并復制它。</a> </div>
上面的代碼是一個基本的示例,其中應用了我們之前所提到的CSS。當您復制網頁上的文本時,它將保留您選擇的所有CSS類和樣式。
上一篇css+豎文字排版
下一篇css+動態設定坐標