鼠标移动显示 div 图片文字效果

最新推荐文章于 2023-11-06 17:19:32 发布

VIP文章 cloudysfly

最新推荐文章于 2023-11-06 17:19:32 发布

阅读量888

点赞数

本文链接：https://blog.csdn.net/cloudysfly/article/details/8041091

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标移动变换栏目内容特效</title>

<style type="text/css">
.showbox{
clear:both;
width:500px;/*此处控制显示区域的高度*/
border:1px solid #ff0000;/*此处控制显示外框的颜色*/
border-top-width:0;
height:300px;/*此处控制内容显示区域高度*/
}
.nav_1{
width:500px;
border-left:1px solid #dcdcdc;
list-style:none;
}
.nav_1 li{
width:100px;/*此值控制栏目的宽度*/
float:left;
height:23px;
line-height:23px;
text-align:center;
font-weight:bold;
background-color:#99999

最低0.47元/天解锁文章

cloudysfly

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标移动显示 div 图片文字效果

鼠标移动变换栏目内容特效.showbox{clear:both;width:500px;/*此处控制显示区域的高度*/border:1px solid #ff0000;/*此处控制显示外框的颜色*/border-top-width:0;height:300px;/*此处控制内容显示区域高度*/}.nav_1{width:500px;border-le
复制链接

扫一扫