怎么用DIV CSS显示不同的内容

发布时间:2022-03-02 15:32:02 作者:iii
来源:亿速云 阅读:136

这篇文章主要介绍“怎么用DIV CSS显示不同的内容”,在日常操作中,相信很多人在怎么用DIV CSS显示不同的内容问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用DIV CSS显示不同的内容”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

CSS实例一:
让IE6-IE8闪现差别的模式,DIV CSS代码以下:

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DIV IF前提实例WWW.CSS5.COM实例</title>
</head>
<body>
你正在应用:
<!--[if IE 7]> 
<h3>IE7</h3>
<![endif]-->
<!--[if IE 6]> 
<h3>IE6</h3>
<![endif]-->
<!--[if IE 8]> 
<h3>IE8</h3>
<![endif]-->
<br><br>
<strong>CSS5注明</strong>:如果你的阅读器版本为若干好多即会表现IE多少,针对IE6-IE8执行CSS教程 
</body>
</html>
 

阐明:以上针对差别IE浮现一致网页形式DIV+CSS实例实验。

DIV+CSS实例二:
让IE6-IE8体现不同CSS名目成就,DIV CSS代码下列:

 <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS IF前提hack实例 css5.com.cn</title>
<!--[if IE 6]> 
<style type="text/css">
.CSS5{ color:#F00;}
</style>
<![endif]-->
<!--[if IE 7]> 
<style type="text/css">
.CSS5{ color:#FF0;}
</style>
<![endif]-->
<!--[if IE 8]> 
<style type="text/css">
.CSS5{ color:#00F;}
</style>
<![endif]-->
</head>
<body>
<div class="CSS5">
DIV CSS执行默示:<br>
我在IE6下是红颜色,在IE7下是黄色调,在IE8下是蓝颜色
</div>
</body>
</html>

 

到此,关于“怎么用DIV CSS显示不同的内容”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注亿速云网站,小编会继续努力为大家带来更多实用的文章!

推荐阅读:
  1. 怎么用div和css制作斜线
  2. 用DIV+CSS布局的优势

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

div css

上一篇:鼠标悬停或经过对象时CSS样式变化怎么设置

下一篇:css3怎么设置图片封面展示动画

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》