首页 web前端 html教程 表格边框的css语法_HTML/Xhtml_网页制作

表格边框的css语法_HTML/Xhtml_网页制作

May 16, 2016 pm 04:44 PM
可以 宽度 属性 表格 语法 边框

  有关表格边框的css语法   具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。    1.上边框宽度   语法: border-top-width: <值>   允
  有关表格边框的css语法
  具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。
   1.上边框宽度
  语法: border-top-width: <值>
  允许值: thin | medium | thick | <长度>
  初始值: medium
  适用于: 所有对象
  向下兼容: 否
  上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。
  2.右边框宽度
  语法: border-right-width: <值>
  允许值: thin | medium | thick | <长度>
  初始值: medium
  适用于: 所有对象
  向下兼容: 否
  右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。
   3.下边框宽度
  语法: border-bottom-width: <值>
  允许值: thin | medium | thick | <长度>
  初始值: medium
  适用于: 所有对象
  向下兼容: 否
  下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。
   4.左边框宽度
  语法: border-left-width: <值>
  允许值: thin | medium | thick | <长度>
  初始值: medium
  适用于: 所有对象
  向下兼容: 否
  左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。
  5.边框宽度

  语法: border-width: <值>
  允许值: [ thin | medium | thick | <长度> ]{1,4}
  初始值: 未定义
  适用于: 所有对象
  向下兼容: 否
  边框宽度属性用一到四个值来设置元素的边界,值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。 这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。
                                               #p#
  6.边框颜色

  语法: border-color: <值>
  允许值: <颜色>{1,4}
  初始值: 颜色属性的值
  适用于: 所有对象
  向下兼容: 否
  边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性。
  7.边框样式

  语法: border-style: <值>
  允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4}
  初始值: none
  适用于: 所有对象
  向下兼容: 否
  边框样式属性用于设置一个元素边框的样式。这个属性必须用于指定可见的边框。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性
  none:无样式;
  dotted:点线;
  dashed:虚线;
  solid:实线;
  double:双线;
  groove:槽线;
  ridge:脊线;
  inset:内凹;
  outset:外凸。
8.上边框
  语法: border-top: <值>

  允许值: <上边框宽度> || <边框式样> || <颜色>
  初始值: 未定义
  适用于: 所有对象
  向下兼容: 否
  上边框属性是一个用于设置一个元素上边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。
  9.右边框
  语法: border-right: <值>
  允许值: <右边框宽度> || <边框式样> || <颜色>
  初始值: 未定义
  适用于: 所有对象
  向下兼容: 否
  右边框属性是一个用于设置一个元素右边框的宽度、式样、和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。  
                                               #p#
  10.下边框
  语法: border-bottom: <值>
  允许值: <下边框宽度> || <边框式样> || <颜色>
  初始值: 未定义
  适用于: 所有对象
  向下兼容: 否
  下边框属性是一个用于设置一个元素的下边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。
  11.左边框
  语法: border-left: <值>
  允许值: <左边框宽度> || <边框式样> || <颜色>
  初始值: 未定义
  适用于: 所有对象
  向下兼容: 否
  左边框属性是一个用于设置一个元素左边框的宽度、式样和颜色的略写。注意只能给出一个边框式样。也可以使用略写的边框属性。
  12.边框
  语法: border: <值>
  允许值: <边框宽度> || <边框式样> || <颜色>
  初始值: 未定义
  适用于: 所有对象
  向下兼容: 否
  边框属性是一个用于设置一个元素边框的宽度、式样和颜色的略写。
  边框声明的例子包括:
  H2 { border: groove 3em }
  A:link { border: solid blue }
  A:visited { border: thin dotted #800080 }
  A:active { border: thick double red }
  边框属性只能设置四种边框;只能给出一组边框的宽度和式样。为了给出一个元素的四种边框的不同的值,网页制作者必须用一个或更多的属性,如:上边框、右边框、下边框、左边框、边框颜色、边框宽度、边框式样、上边框宽度、右边框宽度、下边框宽度或左边框宽度。
  13.宽度

  语法: width: <值>
  允许值: <长度> | <百分比> | auto
  初始值: auto
  适用于: 块级和替换元素
  向下兼容: 否
  宽度属性的初始值为“auto”,即为该元素的原有宽度(有就是元素自己的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。
  14.高度

  语法: height: <值>
  允许值: <长度> | auto
  初始值: auto
  适用于: 块级和替换元素
  向下兼容: 否
  高度属性的初始值为“auto”,即为该元素的原有高度(有就是元素自己的高度,)。百分比参考上级元素的宽度。不允许使用负的长度值。
  15.有关标签
  table:表格标签,对整个表格样式的定义要放在table中;
  td:单元格标签,对单元格样式的定义要放在td中。                                                

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1674
14
CakePHP 教程
1429
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
PPT表格中插入的图片调整格式的操作步骤 PPT表格中插入的图片调整格式的操作步骤 Mar 26, 2024 pm 04:16 PM

1、新建一个PPT文件,命名为【PPT技巧】,作为示例。2、双击【PPT技巧】,打开PPT文件。3、插入两行两列的表格,作为示例。4、在表格的边框上双击,上方工具栏出现【设计】的选项。5、点击【底纹】的选项,点击【图片】。6、点击【图片】,弹出以图片为背景的填充选项对话框。7、在目录中找到要插入的托,点击确定即可插入图片。8、在表格框上右击,弹出设置的对话框。9、点击【设置单元格格式】,勾选【将图片平铺为底纹】。10、设置【居中】【镜像】等自己需要的功能,点击确定即可。注意:默认为图片填充在表格

wps数值怎样设置按条件自动变色_wps表格数值设置按条件自动变色的步骤 wps数值怎样设置按条件自动变色_wps表格数值设置按条件自动变色的步骤 Mar 27, 2024 pm 07:30 PM

1、打开工作表,找到【开始】-【条件格式】按钮。2、点击列选择,选中将添加条件格式的列。3、单击【条件格式】按钮,弹出选项菜单国。4、选择【突出显示条件规则】-【介于】。5、填写规则:20,24,深填充色深绿色文本。6、确定后,所选列中数据按照设定对相应数字文字、单元框加色处理。7、对于没有冲突的条件规则,可以重复添加,但对于冲突规则wps则会以最后添加的规则代替之前建立的条件规则。8、重复添加【介于】规则20-24和【小于】20后的单元列。9、如需改变规则,刚可以清除规则后重新设定规则。

关于销量预测如何制作表格 关于销量预测如何制作表格 Mar 20, 2024 pm 03:06 PM

能够熟练的制作表格不仅是会计、人事以及财务的必备技能,对于很多销售人员来说,学会制作表格也是很重要的。因为与销量有关的数据都是很多并且很复杂的,而且不是简单的记在文档当中,就可以说明问题的。为了能够让更多的销售人员熟练运用Excel来制作表格,小编接下来要介绍的就是有关于销量预测的表格制作问题,有需要的朋友不要错过哦!1,打开【销量预测及目标制定】,xlsm,来分析每个表格所存放的数据。2,新建【空白工作表】,选择【单元格】,输入【标签信息】。向下【拖拽】,【填充】月份。输入【其它】数据,点击【

你知道Word表格怎么求和吗 你知道Word表格怎么求和吗 Mar 21, 2024 pm 01:10 PM

有时候,我们在Word表格中会经常遇到计数的问题;一般遇到这样的问题,大部分同学都回把Word表格复制到Excel中来计算;还有一部分同学会默默地拿起计算器去算。那有没有快速的方法来计算呢?当然有啊,其实在Word中也是可以计算求和的。那么,你知道该怎么操作吗?今天,我们就来一起来看一下吧!废话不多说,有需要的小伙伴赶紧收藏起来吧!步骤详情:1、首先,我们打开电脑上的Word软件,打开需要处理的文档。(如图所示)2、接着,我们将光标定位在求和数值所在的单元格上(如图所示);然后,我们点击【菜单栏

word怎么把表格横竖调换 word怎么把表格横竖调换 Mar 20, 2024 am 09:31 AM

Word软件是我们必不可少并需要经常使用的,前面学习了Word软件编辑表格,但是,如果不小心,将表格的横竖方向编辑反了,又不想浪费时间重新制作,是否可以将表格的横竖调换呢?答案当然是肯定,接下来,就由小编为大家详细的介绍word怎么把表格横竖调换的操作方法,,让我们一起来学习吧。首先,我们需要将下面的Word表格进行行列互换。要做到这一点,我们需要先全部选中表格,然后右键点击并选择复制功能。第2步,选择复制以后我们把word最小化,然后打开一个Excel表格,点击右键,选择粘贴,把它粘贴到Exc

Word表格自动编号或序号怎样插入 Word表格自动编号或序号怎样插入 Mar 20, 2024 am 09:30 AM

我们在制作表格时,第一想到的是会用Excel软件制作表格,但是你知道吗,其实Word软件制作表格也是非常方便的,有时我们在Word软件里进行表格制作的时候,需要输入序号或编号,如果是手动一个一个地输,那就非常地麻烦了,其实word软件里有一个操作能自动插入编号或序号,那么下面就和小编一起来学习Word表格自动编号或序号怎么插入的方法吧。1.首先建立一个Word文档,插入表格。  2.选中需要插入自动序号或编号的列或单元格。  3.点击“开始”—“编号”。  4.选择其中的一种样式的编号。  5.

excel边框设置方法科普 excel边框设置方法科普 Mar 20, 2024 am 10:30 AM

Excel出现在我们日常工作和生活中已经不是一件罕见的事情了,无论是员工信息、工资表的制作或者是学生入学信息和成绩单的制作,Excel都是一款比较好用的工具。当要对Excel进行打印的时候需要设置边框来实现打印需求。本文小编为大家科普几个Excel边框设置方法。方法1、利用功能选项卡按钮,这应该是大家经常用的方法,方便快捷,具体操作:选中需要添加边框的单元格区域B2:H10,依次点击【开始】选项卡-【边框】右侧下拉按钮-【所有框线】,完成添加框线。方法2、选中需要添加边框的单元格区域B2:H10

新手制作表格有哪些技巧 新手制作表格有哪些技巧 Mar 21, 2024 am 09:11 AM

我们经常在excel中制作和编辑表格,但是作为一个刚刚接触软件的新手来讲,如何使用excel制作表格,并没有我们使用起来那么轻松。下边,我们针对新手,也就是初学者需要掌握的表格制作的一些步骤进行一些演练,希望对需要的人有些帮助。新手表格示例样板如下图:我们看看如何来完成!1,新建excel文档,有两种方法。可以在【桌面】空白位置,点击鼠标右键-【新建】-【xls】文件。也可以【开始】-【所有程序】-【MicrosoftOffice】-【MicrosoftExcel20**】2,双击我们新建的ex

See all articles