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内容显示在一行?
  • 热门搜索
    香港西贡旅游攻略 南通旅游景点大全 昆明大理丽江旅游 金华旅游团 湖南省旅游景点大全 黄冈旅游网 呼伦贝尔旅游景点大全 杭州普陀山旅游 重庆市旅游网 井岗山旅游