CSS div Padding 入门教程

之前讲得margin相反,这个是设计div,p等容器的内间距.他也分为padding-top,padding-bottom,padding-left,padding-right.四个属性了,

下面我们来看一个padding的实例吧.

<html>
<head>
<style type="text/css">
td
{
padding-right: 10%
}
</style>
</head>
<body>

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

</body>
</html>

This is a tablecell with a right padding     

如果设置上,右,下,左的话可以这样padding:1px,2px,3px,4px 等吧.

好了我们的padding教程就完些结束了,转载的朋友请注明来自www.111cn.net/cssdiv/css.html 哦,

时间: 2024-11-13 09:26:35

CSS div Padding 入门教程的相关文章

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

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

div+css div+css divcss布局入门教程 迅雷下载_unix linux

你正在学习 CSS 布局吗?是不是还不能完全掌握纯 CSS 布局?通常有两种情况阻碍你的学习:     第 CSS 处理页面的原理.在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构, 然后再针对语义.结构添加 CSS.这篇文章将告诉你应该怎样把 HTML 结构化.     另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,.hspace.align="left"等等)束手无策,不知道该 转换成对应的什么 CSS语句.当你解决了第 HTML,我再给出一个

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

核心提示:纵向导航菜单也是网站应用中的一种重要形式,所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式.先看一下效果吧! 纵向导航菜单也是网站应用中的一种重要形式,所谓纵向导航菜单是指放置在网页左侧或右侧的从上至下排列的一种导航形式.先看一下效果吧!  如图所示的效果,我们先看一下代码结构: <div id="nav">    <h1>CSS</h1>        <h2><a href="#"

CSS网页布局入门教程11:带当前标识的标签式横向导航图片美化版_基础教程

主页 DIV+CSS教程 常用代码 水晶图标 幻灯图片 软件下载 CSS2.0实用手册

CSS网页布局入门教程10:带当前标识的标签式横向导航_基础教程

主页 DIV+CSS教程 常用代码 水晶图标 幻灯图片 软件下载 CSS2.0实用手册

CSS网页布局入门教程9:用CSS设计网站导航——横向导航_基础教程

网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具.网站导航从形式上主要由横向导航.纵向导航.下拉及多级菜单导航第三种形式. 横向导航 作为门户网站的设计而言,主导航一般采用横向导航.由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风格且不占用过多空间的导航是最理想的选择,国内大部分门户均采用这种形式. 纵向导航 目前在门户网站的设计中已经不再流行,纵向导航更倾向于表达产品分类. 下拉导航 主要用于功能复杂的网站.在有些网站上也

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

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

CSS网页布局入门教程14:纵向下拉及多级弹出式菜单_基础教程

文章 CSS教程 DOM教程 XML教程 FLASH教程 参考 XHTML XML CSS BLOG 全部 网页技术 UI技术 FLASH技术 摇滚 纯音乐 古典金曲 电影原声

CSS网页布局入门教程13:下拉及多级弹出式菜单_基础教程

文章 CSS教程 DOM教程 XML教程 FLASH教程 参考 XHTML XML CSS BLOG 全部 网页技术 UI技术 FLASH技术 摇滚 纯音乐 古典金曲 电影原声