导航:首页 > 万维百科 > 网页设计表格格

网页设计表格格

发布时间:2020-12-04 19:38:19

1、Html如何设计出这样的网页?尤其是表格的那个格子的大小怎么弄?

表格大小可以选择跨行或跨列合并单元格。那个双竖线是表格的边框。作品那列是跨两列。你去w3cschool有相应的属性介绍。

2、网页设计表格背景颜色

可以用background

body
  { 
  background: #00FF00 url(bgimage.gif) no-repeat fixed top;
  }

定义和用法

background 简写属性在一个声明中设置所有的背景属性。

3、html网页制作里设置表格字体和大小的语句有吗?是什么?

HTML Table表格的文字大小与字型在传统的HTML网页设计规则中,可以透过HTML预设font文字标签中的size与face分别设定文字大小与字型,这样的写法在HTML5以前是相当普遍的,而到了HTML5开始,修改表格文字大小与字型必须使用css来处理,因为HTML5不支援传统HTML font的size与face属性,在css的规则里,修改文字大小是用font-size,而修改字型则是使用font-famliy,以下范例分别使用HTML传统的font标签以及css的属性来修改表格文字。

范例一、用HTML font文字标签修改表格文字大小与字型

<table border="1" cellpadding="5"> 
<tr>
<td><font size="5">这是size = 5的文字大小</font></td>
<td><font face= "DFKai-sb">这是标楷体的文字字型</font></td> 
</tr> 
</table>

呈现结果

诚如第一段所说,若要符合最新的HTML5网页设计标准,表格内的文字大小与字型就必须使用css来设计,范例二就提供这样的设计方式,除了可以像范例一这样每个栏位不同的文字样式,还可以一次设定整个表格的文字样式,用起来效率非常好。

范例二、用css的font-size与font-family来修改表格文字大小与字型

<table border="1" style="font-size:18px;font-family:serif;" cellpadding="5"> 
<tr>
<td>这是表格预设文字样式</td>
<td>< span style="font-size:13px;">这是13px的文字大小</span></td>
<td><span style="font-family:DFKai-sb">这是标楷体字型< /span></td> 
</tr> 
</table>

呈现结果

二在table标签开头就先加入了『style="font-size:18px;font-family:serif;"』这样的语法,代表将整张表格内的所有文字大小都预设为18px,而且字型使用serif,这可是传统HTML的font标签没办法做到的高效率设计方式,接着我们在表格的三个栏位,分别使用预设文字样式、修改大小为13px(font-size:13px;) 、字型改为标楷体(font-family:DFKai-sb;),可以清楚的看到,只要在表格中任何栏位或一段文字,用span标签包起来,就可以特别为文字做不同的样式设计。

4、网页设计怎样控制单元格间距?

这年头,谁还用表格来布局。不过,你真的用了,就应该会学一些小的技巧

当然,控制行与行之间的高度,可以用现在主流的CSS的方法,也可以直接设置行的高度

但也有过去常用的方法,那就是在单元格里,放置一个透明的GIF图片,用这个图片来控制高度和宽度。

透明的GIF图片,可以任意定义它的高度和宽度,放置在单元格中,单元格就会适应这个图片的高度和宽度了

说的有些简略,自己多体会。

5、网页设计表格单元格之间出现间隙...

<table>标签中掉了属性:cellspacing和cellpadding
下面是内完整的:容
<table width="800" height="43" border="0" align="center" cellspacing="0" cellpadding="0">
<tr>
<td width="364" background="images/top_bar.jpg"> </td>
<td width="54" background="images/top_sld.jpg" > </td>
<td width="368" background="images/top_bar.jpg"> </td>
</tr>
</table>

6、网页制作 表格单元格 间隙

把table里width="100%"改成width="957"试试
100%表示网页中表的宽度是根据你的IE屏幕大小来分配

7、网页设计中如何设置表格各项属性

如果是用DW或者FP等网页编辑器那就很简单了~ 在它们的可视化编辑状态下选择需要修改的表格在修改属性就可以了~ 但是如果在代码下~那你需要去找一下有关HTML表格代码的说明了~ 大体给你几个~
border="2"边框粗细
width="100"表格宽度
height="42"高度
cellspacing="4"间距
cellpadding="3"边距
bordercolor="#FFFFFF"背景颜色
bordercolorlight="#FFFFFF"亮框颜色
bordercolordark="#000000"暗框颜色
background="logo.gif"背景图片
align="left"浮动对齐方式(也就是整个表格的对齐方式)
暂时就给你这么多吧~其他的你可以去网上搜索一下~ 上面这些是比较常用到的!

希望对你有帮助!

8、网页设计中CSS的表格单元格边框设置

border:2px 3px 6px 9px 这个要加上 width才有效 border-width:2px 3px 6px 9px
四边框一同设置的数值不同的时候只能设置一个 color或者style或者width
border-width:1px 2px 3px 4px;
border-style: groove double dashed solid ;
border-style: #000 #0fh #250 #fff ;

9、HTML语言制作网页 如果让表格中的内容靠左,并且前面空两格出现

<html>
<head>
<style type="text/css">
.td1 {text-align:left; font-size:12pt;}
.p1 {text-align:left; text-indent:2em; font-size:12pt;}
</style>
</head>
<body>
<table>
<tr><td class="td1">网页制作</td></tr>
<tr><td><p class="p1">语言</p></td></tr>
</table>
</body>
</html>

text-indent:2em; 的样式就是空2格,同样:
text-indent:4em; 就是空4格

10、网页制作表格属性单元格间距设为3怎么做???????

在 <table>标签里加上cellspacing="3" 就可以了

与网页设计表格格相关的知识