css教程:CSS Padding 教程

该属性的CSS定义填充的空间要素之间的边界和元素含量。

来看几个例子吧.

 代码如下 复制代码

<html>
<head>
<style type="text/css">
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td class="test1">
This is a tablecell with equal padding on each side.
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
This tablecell has a top and bottom padding of 0.5cm and a left and right padding of 2.5cm.
</td>
</tr>
</table>
</body>

设置padding-top 厘米的价值
这个例子表明如何设置顶端填充一个表格单元格使用厘米的价值。

 代码如下 复制代码

<html>
<head>
<style type="text/css">
td {padding-top: 2cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td>
This is a tablecell with a top padding
</td>
</tr>
</table>
</body>

</html>

时间: 2024-10-28 00:42:18

css教程:CSS Padding 教程的相关文章

CSS教程:margin,padding,border

文章简介:CSS中margin,padding,border-style有几种书写规范. 在我们使用CSS时,经常看到margin:0 0,margin:0 5px,padding:0 5px 10px;而它们研究是什么含义呢,在WEB标准中,它们会有以下含义,它适合于CSS中的margin,padding,border-style等属性 第一种情况,四个值都有,它们的含义如下属性:上 右 下 左 第二种情况,只有三个值,它们的含义如下属性:上 右左 下 第三种情况,只有两个值,它们的含义如下属

高手进阶性教程 CSS的常规使用技巧

css|技巧|教程 本篇总结了一些CSS常用技巧,为网站重构打下基础,但愿您能学到一点有用的东西. 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<css基本语法>. 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误.在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em.只有两个例外情况可以不定义单位:行高和0值.除此以外,其他值都必须紧

css教程:css+div图文混排

css教程:css图文混排今天我们看看比较高级的css+div进行图文混排吧,我们先来看看下面图的效果图片. 效果还不错吧,我们看看css代码. <dl  class="week1" id="no1">      <dt><a><img src="images/unknow.gif" height="100" width="133"></a><

问与答:CSS层叠样式表最佳入门教程

css|教程|入门教程|样式表 1.[ 主题:什么是CSS?它的能做些什么? ] CSS就是一种叫做样式表(stylesheet)的技术.也有的人称之为层叠样式表(Cascading Stylesheet). 在主页制作时采用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加精确的控制. 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式. 它的作用可以达到: (1)在几乎所有的浏览器上都可以使用. (2)以前一些非得通过图片转换实

17个有趣实用的CSS 3悬停效果教程

  这里是我们收集的一些很有用的CSS 3悬停效果教程合集. HTML 5和CSS 3拓展了网页设计的可能性,它们引入了很多新属性来让你的网站变得丰富而饱满.在这篇文章中,我分享了18个CSS3悬停效果的教程,来让你的网站变得饱满并且传达更好的用户体验.本文介绍了CSS 3的动画属性,使用这个属性可以不用费多大力气就创建出一个悬停效果.我们希望你会觉得我们收集的CSS 3悬停效果教程合集是有用的,另外如果你知道任何CSS 3悬停效果教程的话,请在文章下方给我留言. 使用SVG的形状悬停效果 在这

css 入门教程:css控制input与bottn样式

哈哈今天我们来看看,css 入门教程:css控制文本输入框与按钮的css样式,好了我们先来看看效果图. 现在看到了我的文本输入框是不是淡色的背景与边框哦.现在来看看我们下面是怎么实现的吧.  <p align="center"><input name="" type="submit" class="btn" value="提交"></p>     <p align=

CSS Layers 层实例教程

CSS Layers 层实例教程经过学习如何HTML元素的位置,你可能已经注意到这个可能导致HTML元素正在上彼此.的CSS使您可以控制哪些项目将出现在顶端用层. 在CSS ,每个元素是一个优先事项. HTML元素后显示的源代码中比其他人将有一个更高的优先默认.如果有两个重叠的CSS定位元素,元素的更高的优先地位将出现在顶部的其他. 要手动确定优先事项,设置了Z -指数值.较大的价值,更高的优先权的元素将. h4{ position: relative; top: 30px; left: 50p

CSS网页制作实例教程:非常酷的日期效果

LearningjQuery.com的博客日志上的日期效果非常的酷,如下图: 其中文字的样式和垂直的年份就会告诉你这不是用图片来完成的.而且在标记语言中日期信息是是以文字出现的,就像通常的那样. 通过Firebug查看,代码非常简洁漂亮! 很明显每一个日期并没有各自的图片.它们都出自同一张图片(css sprites!),图片的不同地方被放置上了不同的内容:天.月和年.也许你会记得这和一年前Joost de Valk posted about 上的技术是一样的. 来看一下这张漂亮的图片: HTM

CSS网页布局入门教程12:纵向导航菜单_基础教程

CSS css入门 css进阶 css高级 webUI 理论知识 实战应用 高级技巧 DOM DOM入门 DOM应用 DOM与浏览器 XHTML 参考手册 交流论坛