日度归档:2020年2月2日

CSS border-spacing属性简介说明


摘要:
下文讲述css 中border-spacing属性的功能简介说明,如下所示;


css border-spacing属性简介

border-spacing:设置两个单元格之间的距离。
——————————————
border-spacing属性值说明:

属性值

备注说明
length length

当定义一个Length值,则代表水平和垂直的间距相同
当定义两个length值时,则第一个值代表水平间距 第二值为垂直间距
length使用px cm等作为单位
inherit

从父级继承此属性


border-spacing注意事项:
length值禁止使用负值


css border-spacing举例说明

<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title>
<style>
table.one
{
	border-collapse:separate;
	border-spacing:10px;
}
table.two
{
	border-collapse:separate;
	border-spacing:10px 50px;
}
table, td, th {
    border: 1px solid black;
}
</style>
</head>
<body>

<table class='one' >
  <tr>
    <th>网站名称</th>
    <th>说明信息</th>
  </tr>
  <tr>
    <td>猫猫小屋</td>
    <td>学习网站</td>
  </tr>
  <tr>
    <td>www.maomao365.com</td>
    <td>学习blog</td>
  </tr>
</table>



<table class='two' >
  <tr>
    <th>网站名称</th>
    <th>说明信息</th>
  </tr>
  <tr>
    <td>猫猫小屋</td>
    <td>学习网站</td>
  </tr>
  <tr>
    <td>www.maomao365.com</td>
    <td>学习blog</td>
  </tr>
</table>


</body>
</html>
html border-spacing属性说明

html border-spacing属性说明

CSS border-collapse属性简介说明


摘要:
下文讲述css 中border-collapse属性的功能简介说明,如下所示;


css border-collapse属性简介

border-collapse:主要应用于表格边框的属性设置,边框是否合并。
——————————————
border-collapse属性值说明:

属性值

备注说明
collapse

合并边框,可结合border-spacing 和 empty-cells属性一起结合使用
separate

缺省值,边框会被分隔
inherit

从父级继承此属性


css border-collapse举例说明

<html>
<head>
<meta charset="utf-8"> 
<title>猫猫教程(www.maomao365.com)</title>
<style>
table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>网站名称</th>
    <th>说明信息</th>
  </tr>
  <tr>
    <td>猫猫小屋</td>
    <td>学习网站</td>
  </tr>
  <tr>
    <td>www.maomao365.com</td>
    <td>学习blog</td>
  </tr>
</table>

</body>
</html>
html border-collapse属性说明

html border-collapse属性说明

javascript中如何“根据图片名称”验证图片格式是否符合要求呢?


摘要:
下文讲述javascript中使用正则表达式验证图片格式的方法分享,如下所示:

在web项目的开发中,我们常常需检测上传文件的格式是否符合我们的要求,下文将通过举例的方式讲述图片格式是否符合要求

例:
验证 “test.jpg”是否在符合要求的范围

<script> 
  var fileName="test.jpg";
  var r=/(.*)\.(jpg|bmp|gif|ico|pcx|jpeg|tif|png|raw|tga)$/; 
  alert(r.test(fileName));
</script>
javascript 图片格式的验证方法分享

javascript 图片格式的验证方法分享