1、新建html文件在本地IIS目录下,使用记事本新建一个html文件,命名为css高亮特效.html。如图:
2、写入基本元素使用记事本打开,在html文件中,写入html文件的基本构成元素:<!DOCTYPE 茑霁酌绡html><html> <head> <meta charset="UTF-8"> </head> <body> </body></html>如图:
3、插入文字内容在<body>标签中写入三段文字,用来对比高亮特效:<p id="p1">This paragragh doesn't use ::selection</p> <p id="p2">This paragragh uses ::selection,highlight color is yellow.</p> <p id="p3">This paragragh uses ::selection,highlight color is blue.</p>如图:
4、写入c衡痕贤伎ss特效在<head>标签中定义css样式代码:<style> #p2::selection { 艘早祓胂 background: yellow; } #p3::selection { background: blue; } </style>如图:
5、浏览特效使用浏览器打开文件,按ctrl+a全选页面,查看效果。如图:
6、默认高亮重新输入一个标签<font>,并在css代码区内重新定义样式:<font>我本来就是高亮的</font>font{ background:yellow; font-size:68px; color:white; }如图:
7、对比特效打开网页文件,这次不要使用全选功能,查看高亮特效。如图: