CSS高亮特效其实很简单,就是突出显示某一个字或者某一段话,在页面加载时,选中显示高亮或者默认显示高亮。跟小编一起,动手操作吧。
工具/原料
1
计算机,html
2
css,字体
方法/步骤
1
1、新建html文件在本地IIS目录下,使用记事本新建一个html文件,命名为css高亮特效.html。如图:
2
2、写入基本元素使用记事本打开,在html文件中,写入html文件的基本构成元素:
如图:3
3、插入文字内容在
标签中写入三段文字,用来对比高亮特效:This paragragh doesn't use ::selection
This paragragh uses ::selection,highlight color is yellow.
This paragragh uses ::selection,highlight color is blue.
如图:4
4、写入css特效在
标签中定义css样式代码:如图:5
5、浏览特效使用浏览器打开文件,按ctrl+a全选页面,查看效果。如图:
6
6、默认高亮重新输入一个标签,并在css代码区内重新定义样式:我本来就是高亮的font{ background:yellow; font-size:68px; color:white; }如图:
注意事项
1
是不是很简单呢,每天进步一小点,积累起来就多了。
2
记得点赞分享哟!
上一篇:CSS基础——文字对齐样式
下一篇:脆皮香蕉家常做法