使用CSS3建立不可选的的文字

2024-04-27 14:32:43

字体：大中小

来源：转载

供稿：网友

使用CSS3建立不可选的的文字

下面的例子展示了在HTML5中你如何使用CSS建立不可选的文字。

Html代码

<!DOCTYPEHTML>
<html>
<head>
<title>Creatingnon-selectabletextusingCSS</title>
<styletype="text/css">
div{
margin-bottom:20px;
padding:10px;
background:rgba(10%,10%,10%,0.3);
-moz-border-radius:15px;
border-radius:15px;
}
div#d2{
-moz-user-select:none;
-khtml-user-select:none;
user-select:none;
font-style:italic;
}
</style>
</head>
<body>
<divid="d1">[selectable]Loremipsumdolorsitamet,consecteturadipiscingelit.Curabiturornare,urnaplaceratcondimentumvehicula,magnaestsuscipitleo,auctorlaoreeteratmassaegettellus.Etiampharetra,orcieugravidatempus,enimestvenenatisdiam,idfacilisisjustoanteutarcu.Sednibheros,portaacportaac,fermentumutante.Etiampulvinarconsectetururnasitametfermentum.Aliquamquispellentesquetortor.Inutlobortisenim.Pellentesqueluctusorcinecmassalaciniaconsectetur.Etiamcursus,leoetpellentesquetempus,diamelitinterdumipsum,sedpulvinarnibhjustovelurna.Phasellusligulaelit,sodalesegetaliquetet,ullamcorperutlorem.PRaesentegetquamidligulaiaculistincidunteuetnulla.Utduidui,dictumsedlobortiseu,portanecurna.Inadipiscing,massasedscelerisqueelementum,tortormassacursusvelit,uttinciduntmilacusidmagna.Morbivestibulumvenenatismassasitametconvallis.Aliquameratvolutpat.</div>
<divid="d2">[nonselectable]Namalacusante,atinciduntdolor.Sedfelisdolor,ullamcorpervitaeluctusat,iaculiseudui.Maurisullamcorpernislidtortorelementummattis.Aeneanutligulaacipsumpharetradapibus.Praesentconvallistinciduntligulasitametadipiscing.Morbimassamauris,mollisornaremollisut,imperdietnecnibh.Praesentsollicitudintellusatnislsodaleslobortiseuismodpuruslaoreet.Vivamusnecurnavelnibhvolutpatrhoncusquisegetjusto.Donecmilacus,dapibusnectristiqueeu,fringillaidmi.Maecenasvitaeodioatortorcursusfermentumeuegeteros.Vestibulumsitametmetuspurus.Integervestibulumsemnecjustofacilisistempornonsitametjusto.Loremipsumdolorsitamet,consecteturadipiscingelit.Crasegetmattismetus.</div>
<divid="d3">[selectable]Proinlaciniasemfringillaestlaciniafacilisis.Praesentturpismassa,bibendumeuultricesut,viverravitaequam.Morbialoremmi,egetconguearcu.Seddapibusmolestieneque,egettempusnibhviverraat.Praesentsitametvestibulumipsum.Donecinlectusacurnaaccumsanfeugiat.Sedatnuncfelis.VestibulumanteipsumprimisinfaucibusorciluctusetultricesposuerecubiliaCurae;Duisnecipsumjusto.Nullamlaoreetenimvelquamtinciduntimperdiet.Maecenassollicitudinnullaametusornaretempus.Nullamrhoncusfermentumloremidpellentesque.</div>
</body>
</html>