本文小编为大家详细介绍“css3如何设置鼠标划过字体会改变”,内容详细,步骤清晰,细节处理妥当,希望这篇“css3如何设置鼠标划过字体会改变”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
成都创新互联公司成立与2013年,先为濉溪等服务建站,濉溪等地企业,进行企业商务咨询服务。为濉溪企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
在css3中,可用“:hover”选择器和“font-style”属性设置鼠标划过字体改变,“:hover”可设置元素在鼠标划过时的样式,“font-style”属性可设置字体样式,语法“p:hover{font-style:字体样式}”。
本教程操作环境:windows10系统、CSS3&&HTML5版本、Dell G3电脑。
利用:hover选择器和font-style属性即可。
:hover在鼠标移到链接上时添加的特殊样式。
提示: :hover 选择器器可用于所有元素,不仅是链接。
font-style属性指定文本的字体样式。
该属性可能的值如下:
normal 默认值。浏览器显示一个标准的字体样式。
italic 浏览器会显示一个斜体的字体样式。
oblique 浏览器会显示一个倾斜的字体样式。
inherit 规定应该从父元素继承字体样式。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> p:hover { font-style:oblique; } </style> </head> <body> <p>划过改变字体</p> <p><b>注意:</b> 当鼠标移动到连接上 :hover 选择器样式链接到该超链接。</p> </body> </html>
输出结果:
读到这里,这篇“css3如何设置鼠标划过字体会改变”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
当前标题:css3如何设置鼠标划过字体会改变
本文网址:https://www.cdcxhl.com/article0/igehoo.html
成都网站建设公司_创新互联,为您提供网站建设、云服务器、、软件开发、App设计、标签优化
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联