`
lzy_clement
  • 浏览: 29909 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

使用CSS作表格的页面居中显示

    博客分类:
  • css
CSS 
阅读更多



 
 <style type="text/css">

.div {

   position:absolute;

   top:50%;

   left:50%;

   margin:-180px 0 0 -240px;

   width:480px;

   height:300px;

   }

.fie{

width:460px;

height:280px;

border: #C0C0C0 solid 1px; 

}

td{

height:20px;

}

</style>

 

 

外层用<div>标签包含<fieldset>

div的CSS格式用.div

fieldset的CSS格式用.fie

实现div页面居中的效果...美化页面

  • 描述: 效果图
  • 大小: 22.6 KB
分享到:
评论

相关推荐

    超简单!使用CSS制作圆角表格 3步搞定

    在网页设计中,使用CSS(层叠样式表)来创建美观、功能丰富的界面是至关重要的。其中,制作圆角表格是一项常见的需求,尤其在追求现代感与用户友好体验的设计中。本文将详细介绍如何通过简单的三步骤,利用CSS来实现...

    css table 表格标签

    在网页设计中,CSS(Cascading Style Sheets)是一种用于控制网页元素呈现样式的语言,而HTML中的`&lt;table&gt;`标签则是用来创建表格布局的重要元素。`&lt;table&gt;`标签允许我们构建复杂的表格结构,包括行(`&lt;tr&gt;`)、列(`...

    CSS 图片水平垂直居中于DIV

    在网页设计中,将图片水平垂直居中于一个DIV元素是常见的需求,这涉及到CSS布局技术的运用。本文将深入探讨如何实现这个效果,并提供相关的源码示例。 首先,我们要明白CSS中的定位机制,包括静态定位、相对定位、...

    网页表格经典css样式

    4. **表头样式**:`&lt;th&gt;`元素默认有加粗的文本和居中的对齐方式,但我们可以使用CSS自定义,例如改变字体大小、颜色或添加背景色。 5. **响应式设计**:在移动设备上,表格可能需要重新布局以适应屏幕大小。`@media...

    css+div控制表格 标签代码

    在网页设计中,CSS(Cascading Style Sheets)与HTML中的`div`元素结合使用,可以实现更加精细和灵活的布局控制,包括对表格的样式调整。标题“css+div控制表格 标签代码”表明我们将探讨如何利用CSS来改变和优化...

    精美的css控制表格样式

    本主题聚焦于如何使用CSS来控制表格的样式,以实现“精美的”视觉效果。表格在网页中常用于展示数据,如报告、统计数据或产品目录,而通过恰当的CSS应用,我们可以让这些表格更加吸引人,提高用户体验。 1. **基础...

    css实现垂直居中

    在网页设计中,让元素在页面上垂直居中是一项常见的需求。CSS(Cascading Style Sheets)提供了多种方法来实现这一目标。以下是一些主要的CSS技术,它们可以帮助你实现"css实现垂直居中": 1. **Flexbox布局** ...

    css表格样式打包下载

    以下是一些关于CSS表格样式的知识点: 1. **基本样式设置**:首先,可以使用`border-collapse`属性来合并单元格边框,例如`border-collapse: collapse;`,以创建简洁的表格外观。`border-spacing`属性则可以控制...

    利用CSS仿Excel表格的效果

    在网页设计中,为了模拟Excel表格的样式和功能,我们可以借助CSS(层叠样式表)来实现。CSS是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的语言,它能让我们精确控制网页元素的布局和外观。...

    纯CSS 做的虚线表格

    本文将深入探讨如何仅使用CSS(Cascading Style Sheets)来制作虚线边框的表格,这是一种优雅且灵活的方法,可以提升网页的视觉效果。 首先,让我们了解CSS的基本结构。CSS是一种样式表语言,用于描述HTML或XML...

    web开发表格CSS

    在Web开发中,CSS(Cascading Style Sheets)是用于控制网页元素呈现方式的重要技术,尤其是在构建表格(Table)时,CSS能帮助我们实现美观、响应式的布局。本篇文章将详细探讨“web开发表格CSS”这个主题,我们将...

    css美化表格,实际中效果

    通过深入学习和实践,你将能够熟练掌握CSS,使网页中的表格不仅具备实用性,还能成为页面的亮点。在压缩包文件“css+table”中,可能包含了一些示例代码,你可以参考这些代码来加深理解并应用于自己的项目中。

    CSS表格样式设计

    以上就是CSS表格样式设计的基本方法。通过这些技巧,你可以创建出各种风格的表格,使其在视觉上更具吸引力,并提高用户体验。在实际项目中,还可以结合JavaScript或jQuery来实现更多交互效果,如排序、过滤和分页等...

    div表格垂直居中.docx

    在网页设计中,CSS(层叠样式表)是控制页面元素布局和样式的工具。垂直居中是常见的需求,尤其在制作响应式网页时,让内容无论在哪种屏幕尺寸下都能保持居中显得尤为重要。本文将介绍几种CSS方法来实现div表格的...

    表格的几种css样式效果

    以上只是一些基本的CSS表格样式效果,实际上,通过CSS3的新特性,如渐变、阴影、过渡和动画,可以创造出更多复杂的视觉效果。在实际项目中,根据设计需求和用户体验,灵活运用这些技术可以大大提升表格的美观性和...

    漂亮的表格css+html

    - 使用CSS类可以更方便地应用样式到特定的表格元素,比如`.highlight`、`.centered`等,使得代码更加可维护。 - `.hover`类可以为鼠标悬停的行或单元格添加特殊样式,提高交互性。 - `.striped`类常用于创建斑马...

    css定位表格

    在网页设计中,CSS(层叠样式表)是用于控制页面布局和视觉呈现的关键技术。在本主题“CSS定位表格”中,我们将深入探讨如何使用CSS来创建和定位不同布局的表格,包括单行一列、两行一列、三行一列以及多列布局。...

    【小练习03】CSS-表格(table)--天气预报

    在网页设计中,CSS(Cascading Style Sheets)与HTML是构建页面布局和样式的基石。本练习聚焦于使用CSS来美化HTML中的表格,以创建一个专业的天气预报展示。我们将探讨如何利用这两种语言来实现这一目标。 首先,...

    高效学习CSS布局之道244个范例代码

     CSS控制表格元素的显示;  CSS控制其他元素的显示;  CSS滤镜;  居中问题;  CSS布局构架的建立;  CSS布局中的自适应问题;  CSS布局中的兼容问题;  在Dreamweaver中使用CSS;  个人博客页面的...

    CSS 表格样式

    在实际项目中,可以结合`myhome`这个压缩包中的源码来进一步学习和实践这些CSS表格样式的应用。通过不断试验和调整,你可以创造出独特且符合项目需求的表格样式。记得保持代码的简洁和可读性,这将对后期维护...

Global site tag (gtag.js) - Google Analytics