飘飘悠悠 发表于 2015-1-15 22:58:36

DIV教程之CSS3实例教程:box-shadow暗影和表格暗影

你可以将许多网页的风格格式同时更新,不用再一页一页地更新了。
破洛洛文章简介:box-shadow-对表格及单位格利用暗影写法及两种扫瞄器效果的对照。


box-shadow-对表格及单位格利用暗影写法及两种扫瞄器效果的对照。
<!DOCTYPEHTML>
<html>
<head>
<metacharset="utf-8">
<title>对表格及单位格利用暗影</title>
<styletype="text/css">
table{
border-spacing:10px;
-webkit-box-shadow:2px2px5px#00f;
-moz-box-shadow:2px5px5px#999;
}
td{
background:#000;
-webkit-box-shadow:5px2px5px#00f;
-moz-box-shadow:2px5px5px#999;
padding:10px;
}
</style>
</head>

<body>
<tablewidth="200"border="0">
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table></body>
</html></p>
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。

若相依 发表于 2015-1-17 20:07:16

HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)

不帅 发表于 2015-1-26 22:27:49

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

因胸联盟 发表于 2015-2-5 05:12:57

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

兰色精灵 发表于 2015-2-11 06:52:04

滚动条)层属性--溢出(visible/hidden/scroll/auto)

爱飞 发表于 2015-3-2 00:28:31

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。

蒙在股里 发表于 2015-3-11 03:37:12

您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。

透明 发表于 2015-3-17 21:11:42

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
页: [1]
查看完整版本: DIV教程之CSS3实例教程:box-shadow暗影和表格暗影