日度归档:2020年2月4日

html如何让页面在指定时间后自动跳转到“指定网址”呢?


摘要:
下文讲述一种通过设置html属性的方法,实现指定时间后页面自动跳转到指定网址的方法分享,如下所示:


实现思路:
通过在html头部放入下文中的代码,即可实现指定时间跳转

例:

 <meta http-equiv="refresh" content="8;url=http://www.maomao365.com" >

 /*
 上文中的html将实现,在8秒后,将刷新页面,刷新后的页面将重定向至"www.maomao365.com"
 */

CSS如何删除超链接点击时的外轮廓呢?


摘要:
下文讲述css删除超链接点击时的外轮廓(外包围线)的方法分享,如下所示:


实现思路:
通过设置超链接后的伪类active的样式信息,可达到此目的

例:

   <!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)</title>
<style type="text/css">
.divTest:active{
 outline:none;
 }
 

</style>
</head>
<body>
<a class="divTest" href='#'>超链接测试 </a>
</body>
</html> 

相关阅读:
CSS 轮廓(outline)属性简介说明
CSS3 伪类:active选择器简介说明

如何使用css代码绘制一个三角形呢?


摘要:
下文讲述使用css代码绘制三角形的方法分享,如下所示:


实现思路:
通过分别定义四个不同Border的相关颜色,可实现绘制一个三角形

css 绘制三角形举例分享

   <!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.maomao365.com/" />
<title>猫猫教程(www.maomao365.com)</title>
<style type="text/css">
.divTest{
  width:0px;
  height:0px;
  border-bottom:18px solid green;
  border-left:18px   solid blue;
  border-right:18px  solid red;
  border-top:18px    solid black;
}
.divTest2{
  width:0px;
  height:0px;
  border-bottom:18px solid green;
  border-left:18px   solid white;
  border-right:18px  solid white;
  border-top:18px    solid white;
}

</style>
</head>
<body>
<div class="divTest"></div>

<div class="divTest2"></div>

</body>
</html> 
css 绘制三角形的方法分享

css 绘制三角形的方法分享