如何在Dreamweaver中制作表格美化页面

如何在Dreamweaver中制作表格美化页面,第1张

使用表格美化页面是很多年前以前流行的做法,现在网页都在使用div+css来美化页面。

使用表格美化页面也就是利用表格的结构固定不同的网页元素,让网页元素按照预想的设计有序地排列,达到美观的效果。

比如制作一个类似这样布局的页面,用表格大致可以如此设计

大体搭建之后,可以再利用表格的对齐、单元格的拆分、合并、表格嵌套等功能细致设计每个网页元素的位置,然后可以在表格插入、表单、文字等等,可以通过修改表格边框、网页背景色、表格背景色、、文字颜色、字体等等综合在一起进行网页美化。

Excel表格制作是常用的办公软件,我们经常要面对大量的表格,许多伙伴咨询关于Excel表格进行美化的 *** 作,下文就是深空游戏小编分享的Excel表格进行美化的方法,相信对大家一定会有所帮助的哦。

Excel表格进行美化的 *** 作教程

我们以下面的这张表格为例子,可以看到只有黑黑的表格数字非常的简陋。

1、我们首先按键盘上的快捷键CTRT+T使用Excel自带的模板创建表,并框选表格,记得勾选包含表标题。

点击确定后我们的表格就美化好啦。

2、接着注意到总计这一栏,我们可以将其选中,然后点击点击格式-数据表,选择一个醒目数据条颜色。

之后将排序的方法选择为降序,这样我们的数据统计就显示的明明白白啦。

3、最后我们选中表格,按快捷键ALT+F1即可快速生成一个统计图表,非常的简单。

Excel|

代码如下。不支持IE,请用FireFox或者Safair看效果。

这里主要应用了CSS3的几个功能圆角边框“border-radius”,以及伪类选择器“E:nth-child(n)”。伪类"E:hover"不是CSS3的新功能,它的作用就是当鼠标悬停与E元素时样式发生改变。

亲,祝你学有所成哟!

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<style type="text/css">

radius {

border-width: 1px;

border-style: solid;

-moz-border-radius: 11px;

-khtml-border-radius: 11px;

-webkit-border-radius: 11px;

border-radius: 11px;

padding:5px;

}

radius th {background-color:#0000ff;color:#ffffff;}

radius tr:nth-child(odd) {background-color:#FF0000;}

radius tr:nth-child(even) {background-color:#00ff00;}

radius tr:hover{background-color:#FF0;}

</style>

</head>

<body>

<table width="200" class="radius">

<tr>

<th>1</th>

<th>2</th>

<th>3</th>

</tr>

<tr>

<td>3</td>

<td>4</td>

<td>5</td>

</tr>

<tr>

<td>5</td>

<td>6</td>

<td>7</td>

</tr>

<tr>

<td>7</td>

<td>8</td>

<td>9</td>

</tr>

<tr>

<td>0</td>

<td>1</td>

<td>2</td>

</tr>

<tr>

<td>2</td>

<td>2</td>

<td>3</td>

</tr>

</table>

</body>

</html>

第一种方法:创建表(Ctrl + T)

首先选中数据所在的单元格区域,如果工作表中带有大标题行,不要选择它。

选择完毕后,同时按下键盘上的Ctrl + T键,打开创建表窗口,点击确定按钮即可完成数据所在的单元格区域颜色填充,相邻行的填充颜色不同。

如果感觉填充颜色单调,选中数据区域中任意单元格,在设计选项卡的表格样式功能区中,选择喜欢的表格样式预设。

或者点击新建表格样式,设置自定义表格样式,当然这个 *** 作比较费时。

第二种方法:迷你

在插入选项卡的迷你图功能区中,左键单击折线图,d出创建迷你图窗口。

在创建迷你图窗口中,点击数据范围文本框后的小方格,选择需要创建迷你图的数据区域。点击位置范围文本框后的小方格,选择放置迷你图的位置。

设置完成后点击确定按钮,完成迷你图的创建。

迷你图创建完成后,是不是感觉少了点什么呢?通过下面的设置,让迷你图看起来更完美。

选中迷你图所在的任意单元格,在迷你图工具设计选项卡的显示功能区中,点击标记前的小方格。用小红点标注折线迷你图的拐点,这样折线图看起来更完整和美观。

在样式功能区中,可以选择迷你图的样式,也可以根据需要设置迷你图的颜色,或者设置标记的颜色。具体的色彩搭配请根据需要进行调整。

第三种方法:数据条

数据条和迷你图各有各的美。

首先选中数据区域数值所在的单元格区域,在开始选项卡的样式功能区中,点击条件格式,将鼠标指针移动至数据条,根据需要选择二级菜单中的数据条。

如果觉得数据条预设太少,也可以点击其他规则。对数据条的参数和条形图的外观进行设置。

今天的分享到此结束,Excel工作表美化的方法有很多种,本次介绍的三种快速美化方法希望能够给你带来帮助。

1、首先,打开Microsoft Office Word文档。或者在电脑桌面空白处点击鼠标右键,选择新建,再选择Microsoft Office Word文档打开。

2、根据个人简单的设计,在文档简单编辑一些文字。

3、先全选后所要插入表格的文字,然后在菜单栏中选择插入,然后选择点击表格小倒三角形,就会出现插入表格窗口,然后选择插入表格。

4、之后选中表格,菜单栏出现表格工具,其中有设计和布局,在设计中直接选择Microsoft Office Word系统自带的表格式,就可以达到美化格式的效果。

美化方法如下:

1、使用表格编辑器:可以使用表格编辑器,如MicrosoftWord或Excel等,来美化表格;

2、使用CSS可以使用CSS来控制表格的样式,如边框、颜色、字体等;

3、使用JavaScript可以使用JavaScript来控制表格的动态效果,如排序、搜索等。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/12179100.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存