CSS3实现鼠标滑过Hover悬停特效

 时间:2024-10-14 10:03:44

1、新建html文档。

CSS3实现鼠标滑过Hover悬停特效

3、初始化css代码。<style>body { margin: 0 auto; max-w足毂忍珩idth: 800px; padding: 20px; font-family: sans-serif; color: #333; line-height: 140%; }img { border: none; }.aligncenter { text-align: center; }.tutorial { display: block; font-size: .8em; }.tutorial:hover { text-decoration: none; }.intro { max-width: 680px; margin: 0 auto; }.button.cta { display: inline-block; position: relative; margin: 2em 0 1em 0; padding: 1em; background: #2098D1; border: none; text-decoration: none; font-weight: 700; color: white; }#effects { margin-top: 5em; }h1 { text-align: center; font-size: 4em; }h2 { margin-top: 2em; }</style>

CSS3实现鼠标滑过Hover悬停特效

5、代码整体结构。

CSS3实现鼠标滑过Hover悬停特效
  • css怎样给div加边框
  • 怎么用js改变div里面的图片大小
  • html设置背景颜色,背景图片,插入图片
  • 如何在css中让div中的p标签居中
  • CSS怎么把li内容显示在一行?
  • 热门搜索
    旅游调查问卷 意大利旅游地图 去巴厘岛旅游要多少钱 青岛大连旅游 内蒙古旅游景点介绍 中国红色旅游 鹤壁旅游景点大全 山东长岛旅游 海峡两岸旅游交流协会 汉中旅游网