html5怎么取消边框

编辑: admin 分类: java 发布时间: 2022-06-25 来源:互联网

在html5中，可以利用border属性来取消边框，该属性会在一个声明中设置所有的边框属性，当该属性的值设置为“0”时就会取消边框的样式，语法为“<element border="0">”。

本教程操作环境：windows10系统、CSS3&&HTML5版本、Dell G3电脑。

html5怎么取消边框

border 属性在一个声明中设置所有边框属性。

语法：

Object.style.border=borderWidth borderStyle borderColor

07.png

示例如下：

<html>
<head>
<style type="text/css">
p
{ 
border: thin dotted #FF0000;
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.border="none";
}
</script>
</head>
<body>
<input type="button" onclick="changeBorder()" value="Change border" />
<p id="p1">This is a paragraph</p>
</body>
</html>

输出结果：

01.gif

示例：

<html>
<body>
<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
<table border="0">
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>
</body>
</html>

输出结果：

08.png

（学习视频分享：css视频教程、html视频教程）

以上就是html5怎么取消边框的详细内容，更多请关注海外IDC网其它相关文章！

【文章原创作者：美国多ip站群服务器 http://www.558idc.com/mgzq.html
更多阅读