日度归档:2020年6月20日

如何使用css将HTML表格宽度限制为屏幕宽度的9*%?


摘要:
下文讲述使用css将html表格的宽度限定在屏幕宽度的百分之九十几的方法分享,如下所示:

实现思路:
    方式1.使用max-width属性对其宽度进行限制
     
    方式2:使用margin-left 和 margin-right 对其进行设置

例:

 
 <style;>
 /*方式1*/
 table{
    max-width:95%; 
  }

 /*方式2*/
 table{
    width:100%;
    margin-left:8px;
    margin-right:8px;
 }

 </style;>

css 代码如何对img标签中指定格式(png)的图片进行样式设置呢?


摘要:
下文讲述使用css代码对指定引用格式的图片进行样式设置的方法分享,如下所示:

实现思路:  
    如对后缀名为jpg的图片设置为隐藏
   img[src$=".jpg"] { 
      display: none;  
    }
   
注意事项:
    此方法只可运行在html5的浏览器中

例:
设置img中png图片为隐藏状态

<meta charset="UTF-8">
<p>
  maomao365.com<br />
设置img标签中后缀名为png的图片的
  css属性 display为none 
</p>
<hr />
<style>
img[src$=".png"] { 
  display: none; 
}
</style>
gif:
<br />
<img src="http://www.maomao365.com/wp-content/uploads/2020/06/css_实现一个心跳效果_18083.gif" 
 style="width:100px;height:100px;" />;
<br />
png:
<br />
<img src="http://www.maomao365.com/wp-content/uploads/2020/01/css_bg.png"  
style="width:100px;height:100px;" />;
css对png格式的图片隐藏实现方法

css对png格式的图片隐藏实现方法

html代码如何设置–html标签只在IE6浏览器中显示呢?


摘要:
下文讲述使用html代码–设置html标签只在IE6浏览器中显示的方法分享,如下所示:

实现思路: 
     使用if IE 6表达式即可定义文本只在IE6中解析,语法如下所示:

     <!--[if IE 6]>
      我是一个只在IE6中显示的文本
     <![endif]-->    
   
注意事项:
    此方法可运行在市面上所有流行浏览器

例:

<meta charset="UTF-8">
<p>
  maomao365.com<br />
定义文本只在IE6中显示
</p>
<hr />  
<!--[if IE 6]>
这是一个只在IE6中显示的文本信息
<![endif]-->