`
johnnyhg
  • 浏览: 347212 次
  • 来自: NA
社区版块
存档分类
最新评论

最简单的表格样式写法

    博客分类:
  • web
阅读更多
<style>
table{
     border-collapse: collapse;/* 边框合并属性  */
	 width:200px;
}
th{
     border: 1px solid #666666;
}
td{
     border: 1px solid #666666;
}
</style>
<table>
	<tr>
		<th>姓名</th>
		<th>年龄</th>
	</tr>
	<tr>
		<td>皮特</td>

		<td>24</td>
	</tr>
	<tr>
		<td>一揪</td>
		<td>25</td>
	</tr>
	<tr>

		<td>66</td>
		<td>23</td>
	</tr>
</table>
分享到:
评论
1 楼 zhuchao_ko 2010-11-25  


相关推荐

    最简单易懂的css培训教程

    值的写法和单位: - **长度**:CSS支持绝对和相对长度单位。绝对单位包括in、cm、mm、pt、pc和px,相对单位有em、ex和%。 - **颜色**:可以使用RGB值(如`#ffffff`或`rgb(255,255,255)`)、颜色名称(如`white`)或...

    详解React中合并单元格的正确写法

    上面的代码中还包含了一个简单的CSS样式,它定义了表格和单元格的样式,包括边框、宽度、高度以及字体颜色等。样式通过在JSX中引用外部的CSS文件来应用,例如: ```jsx import './App.css'; ``` 然后在CSS文件中...

    jQuery实现可以编辑的表格实例详解【附demo源码下载】

    知识点二:CSS用于表格样式设计 文档中提到了对表格的样式进行设计,这是通过CSS实现的。CSS(层叠样式表)是一种用于控制网页样式和布局的标记语言。在本例中,通过选择器table、table td和table th分别对应表格、...

    css :not的多个条件的写法详解

    这样的选择器可以有效地控制表格中特定行的样式,避免了对第一行和最后一行的影响。 `:not` 伪类选择器的多个条件写法还可以扩展到更复杂的场景,例如: 1. 选择非活动链接:`a:not(.active)` 会选择所有非`....

    layui使用vue的例子

    在Web开发中,这些是最基础也是最常见的操作,对于任何后台管理系统都至关重要。 首先,Vue.js的数据绑定机制允许我们在HTML中声明性地绑定数据,使得视图和模型之间的同步变得简单。在layui的表格中,你可以利用...

    bootstrap 简洁灵活的流行前端框架及交互组件集 web界面

    尽管只有10kb(gzip压缩后),Bootstrap却仍是最完备的前端工具箱之一,提供了几十个全功能的随时可用的组件。 定制的jQuery插件 一个出色的组件设计岂能没有易用易扩展的人机界面?Bootstrap为此提供了定制的...

    weui:weui +是在weui和zepto基础上开发的增强UI组件,目前分为表格,基础,组件,js插件四大类,共计百余项功能,是最全的weui样式

    最新更新里面js会逐渐采用ES6的写法,如果不懂的快去看看语法书吧! php.js所有方法在插件js方法中都有简单的介绍,会不断增加;很多同php的名字的用法也是一样的(作者是PHP程序员)新版本将后台服务由php替换成go...

    CSS零基础入门视频课程(最适合初学者的教程).zip

    初学者可以通过查看和实践这些代码,了解CSS语句的结构和写法,体验样式如何影响网页的外观。此外,还可能涉及了ID和类选择器的使用,以及如何通过嵌套选择器来实现更精确的样式控制。 "CSS笔记-01.pdf"可能是一个...

    超实用的jQuery代码段

    5.1 最简单的用户输入自动完成 5.2 使用远程数据源的自动完成 5.3 带缓存的自动完成 5.4 带滚动条的自动完成 5.5 Combobox风格的自动完成 5.6 读取XML数据的自动完成 5.7 多维数据的自动完成 第6章 jQuery实现拖放...

    CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式

    在CSS3中,引入了伪类选择器 nth-child(),它允许开发者对元素进行更复杂的匹配,比如选择奇数行或偶数行并应用不同的样式,这对于网页中的表格或列表项尤为有用。 nth-child() 伪类选择器的参数形式为 an+b,其中a...

    [html5技术]基于bootstrap制作的多标签页(tabs)

    Bootstrap是世界上最受欢迎的前端开发框架之一,尤其在创建响应式和移动优先的网站时,它提供了丰富的组件和样式。在本教程中,我们将探讨如何利用HTML5和Bootstrap框架来构建一个多标签页(tabs)的界面。 ...

    全国计算机一级考试选择题题库含答案.pdf

    在Excel中,如果想要在同一工作簿中把工作表sheet3移动到sheet1前面,最简单的方法是单击工作表sheet3标签,并沿着标签行拖动到sheet1前。这样可以快速调整工作表的顺序。 #### 17. Excel中的公式计算 **知识点...

    最新版面试宝典(1).pdf

    - 用表格table布局对搜索引擎优化(SEO)的影响。 - console对象常用方法及其用途。 2. HTML5+CSS3部分: - CSS3的新特性及选择器。 - 移动端布局中弹性布局(flex)的属性和用途。 - CSS3的兼容性问题及其...

    HTML考试题.docx

    - GIF:支持动画,适合简单的图形和动画。 - JPG/JPEG:适用于照片和复杂图像。 - PNG:支持透明背景,适用于图标和按钮等。 - TIFF:通常不用于网页。因此,常用的网页图像格式是**GIF和JPG/JPEG**。 #### 14....

    javascript最常用的技巧

    以下是一些JavaScript中最常用的技术和技巧: 1. **事件源对象**:在JavaScript事件处理中,`event.srcElement`是IE浏览器特有的属性,用于获取触发事件的元素。而在其他浏览器中,通常使用`event.target`来达到...

    CSS3伪类选择器:nth-child()

    1. **简单数字序号写法**:`:nth-child(number)`,如`:nth-child(3)`,这将选择父元素中的第三个子元素。`number`必须是大于0的整数。 2. **倍数写法**:`:nth-child(an)`,如`:nth-child(3n)`,它会选择所有序号为...

    jQuery教程ppt

    `$(document).ready()` 或简化的写法 `$(function(){...})` 可以确保在DOM结构完全可用时再执行函数体内的代码,与原生JavaScript中的 `window.onload` 方法相比,其响应速度更快,因为不需要等待所有资源(如图片)...

    解决table td中的checkbox无法上下居中的问题

    这个问题看似简单,但在实际开发中,却可能对用户体验产生一定影响。 首先,要了解为何复选框无法在td中上下居中。一般来说,当复选框放置在td中时,复选框默认的垂直对齐方式可能并不是居中,而是基线对齐...

    Lnotes2.0.pdf

    - **优点**:LaTeX最显著的优点之一是能够生成高质量的文档,特别是在处理数学公式和科学符号时。此外,LaTeX还具有良好的跨平台兼容性,使得文档可以在不同的操作系统上一致地呈现。 - **缺点**:尽管LaTeX有许多...

    2021-2022计算机二级等级考试试题及答案No.4073.docx

    - **知识点**:状态栏通常位于Word窗口的最下方,主要用于显示文档编辑时的一些基本信息,如当前光标所在位置、文档使用的字体大小、文档状态(如是否处于修订模式)等。这对于快速了解文档的基本情况非常有用。 ##...

Global site tag (gtag.js) - Google Analytics