`

HTML&CSS基础学习笔记1.18-表格的边框

    博客分类:
  • HTML
阅读更多

今天的内容比较简单~来看看HTML里表格的边框是怎么设置的吧

表格的边框

前面为了方便观察表格单元格的情况,我们给<table>加了border属性。
<table>的border属性规定围绕表格的边框的宽度。
 

[border]属性会为每个单元格绘制边框,并用边框围绕表格。如果border属性的值发生改变,只有表格周围边框的尺寸会发生变化,表格内部的边框不受影响。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格的边框 border</title>
</head>
<body>
    <h2>观察border的作用</h2>
    <table border="10">
        <tr><td>第一个单元格</td><td>第二个单元格</td><td>第三个单元格</td></tr>
        <tr><td>第四个单元格</td><td>第五个单元格</td><td>第六个单元格</td></tr>
        <tr><td>第七个单元格</td><td>第八个单元格</td><td>第九个单元格</td></tr>
    </table>
</body>
</html>

 

结果会是?

更多学习内容,就请前往码芽网吧http://www.mayacoder.com/lesson/index

想要尝试、调整不同的边框设置,就去试试吧~

  • 大小: 8.2 KB
0
5
分享到:
评论
2 楼 hellotieye 2016-08-19  
自己xuex自己 有意思吗
1 楼 octopole 2016-08-10  
xuex~~~~~~~~

相关推荐

    学习笔记HTML-css-JS.zip

    学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip 学习笔记HTML-css-JS.zip学习笔记HTML-css-JS.zip学习笔记...

    HTML CSS JS 学习、git-笔记.zip

    HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS 学习、git-笔记 HTML CSS JS 学习、git-笔记HTML CSS JS ...

    HeadFirst HTML&amp;CSS学习笔记.zip

    CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记HeadFirst HTML&amp;CSS学习笔记 HeadFirst HTML&amp;CSS学习笔记Head...

    Head First HTML&amp;CSS 学习笔记.zip

    CSS 学习笔记Head First HTML&amp;CSS 学习笔记 Head First HTML&amp;CSS 学习笔记Head First HTML&amp;CSS 学习笔记 Head First HTML&amp;CSS 学习笔记Head First HTML&amp;CSS 学习笔记 Head First HTML&amp;CSS ...

    学习html&amp;css的笔记.zip

    css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp;css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp;css的笔记学习html&amp;css的笔记学习html&amp;css的笔记 学习html&amp...

    HTML & CSS设计与构建网站 完整中文版带目录.pdf

    个人收集电子书,仅用学习使用,不可用于商业用途,如有版权问题,请联系删除! 前言 v 第1章 结构 1 第2章 文本 29 第3章 列表 51 第4章 链接 63 第5章 图像 83 第6章 表格 115 第7章 表单 133 第8章 其他...

    html+css前端学习笔记.zip

    html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习笔记html+css前端学习笔记html+css前端学习笔记 html+css前端学习...

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    HTML&amp;CSS入门学习笔记

    HTML&CSS入门学习笔记

    HTML&CSS 设计与构建网站_PDF电子书下载 带书签目录 完整版

    HTML(HyperText Markup ...通过阅读《HTML&CSS 设计与构建网站》这本书,你可以深入学习这两个重要技术的细节,提升网页设计技能。书中的书签目录将帮助你快速定位到所需的主题,完整版确保你能获取全面的信息。

    html与css的学习笔记与练习.zip

    html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与练习 html与css的学习笔记与练习html与css的学习笔记与...

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】

    尚硅谷(李立超)——HTML5&CSS3笔记总结【持续更新】 本文适合前端菜鸟食用,小编自己整理的李立超老师视频的笔记,手打不易,那就望您每年快乐吧。逃) 一、进制 1.十进制(日常使用): 特点:满10进1 计数:0 1 ...

    HTML+CSS学习笔记.zip

    HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记HTML+CSS学习笔记 ...

    html&css; - 表单

    html&css;学习 -表单的源码 包含表单和表单常用属性的讲解

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记.zip

    Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...

    Head first HTML&CSS;.pdf

    《Head First HTML&CSS》是一本由Eric Freeman和Elisabeth Robson编写的经典教材,旨在为读者提供一种直观、高效的学习方式,深入浅出地讲解HTML和CSS的基础与高级应用。这本书之所以受到广泛赞誉,不仅在于其内容的...

    html&css入门基础知识点.pdf

    HTML和CSS基础知识点 HTML是用来描述网页的一种语言,指的是超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言。HTML使用标记标签来描述网页的结构和内容。 标记语言是一套...

    html+css+js学习笔记.zip

    html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...

    HTML & CSS 设计与构建网站 中文版

    学习CSS时,会接触到选择器(如元素选择器、类选择器、ID选择器),属性(如color、font-size、background-color),以及盒模型(包括内边距、边框和外边距)。浮动(float)和定位(position)是CSS布局中的关键...

    Web设计与前端开发秘籍:HTML & CSS 设计与构建网站(完整清晰版)

    这本书以其完整清晰的内容,深入浅出地讲解了HTML和CSS的基础以及高级应用,帮助读者掌握构建现代网页的核心技能。 HTML(HyperText Markup Language)是网页内容的结构语言,它定义了网页的各个元素及其布局。在书...

Global site tag (gtag.js) - Google Analytics