`
zengshaotao
  • 浏览: 787682 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

页面样式

    博客分类:
  • css
 
阅读更多
<body onclick="bodyclick()" leftMargin=200 topMargin=120 rightMargin=200>

<div id="mainDiv" style="height:auto;left:0px;right:0px;background-color:#99FF00">
<table>
<tr>
<td>
<input type="text" value="zheshi">
</td>
</tr>
<tr>
</tr>

</table>
</div>
</body>

效果:




代码:
<div id="mainDiv" style="height:auto;left:0px;right:0px;background-color:#99FF00">
<input type="text" value="zheshi">
</div>

效果:


div里style的height属性值auto表示高度自动,但是最终排版展示会根据里面的元素进行自动调整
  • 大小: 16.8 KB
  • 大小: 26.4 KB
分享到:
评论

相关推荐

    仿京东商城 页面 样式源码

    【标题】"仿京东商城页面样式源码"指的是一个项目,其目的是模仿京东商城网站的界面设计和布局,提供了一套源代码供学习者参考和实践。这种类型的项目通常包括前端界面的HTML、CSS和JavaScript代码,用于实现京东...

    基于Bootstrap的步骤引导html页面样式

    这个"基于Bootstrap的步骤引导html页面样式"项目旨在提供一个用户友好的步骤导航界面,引导用户逐步完成一系列操作,如注册、购物或填写表单。在这个过程中,通过修改积分系统,使得每个步骤完成后积分固定为1,不再...

    通过js实现页面样式的改变

    ### 通过JS实现页面样式的改变 在网页开发过程中,我们经常会遇到需要动态改变页面样式的需求,例如根据用户的操作(如点击按钮)来修改文本颜色、字体大小等属性。本篇将详细介绍如何利用JavaScript(简称JS)来...

    有赞微页面样式

    有赞微页面样式是针对移动设备优化的一种设计方式,它主要应用于有赞平台上的商家创建个性化、互动性强的店铺页面。这种样式插件是为了解决商家在移动端展示商品、吸引顾客时面临的视觉效果和用户体验问题。通过使用...

    页面设计 静态页面样式+演示实例及练习

    在网页设计领域,静态页面样式是构建用户界面和交互体验的关键元素。这组资源,"页面设计 静态页面样式+演示实例及练习",提供了全面的学习材料,旨在帮助初学者和进阶者深入理解如何创建吸引人的、功能完善的静态...

    WPF收集页面样式

    **WPF页面样式详解** Windows Presentation Foundation (WPF) 是微软.NET Framework的一部分,它提供了一个丰富的用户界面(UI)框架,用于构建桌面应用程序。在WPF中,样式和动画是两个核心概念,它们极大地增强了...

    CSS控制页面样式

    CSS样式控制页面布局,图片放置用DIV控制大小,里面有些CSS的写法以供学习

    漂亮可爱的错误页面样式

    一个“漂亮可爱的错误页面样式”旨在通过设计吸引人的视觉元素和友好的信息来改善用户体验,使原本可能让人沮丧的情况变得不那么严肃。 404错误页面是最常见的错误页面之一,它表示用户尝试访问的特定网页不存在。...

    基于JavaScript控制页面样式的研究.pdf

    "基于JavaScript控制页面样式的研究" 本文主要研究基于JavaScript控制页面样式的技术,介绍了CSS和JavaScript的基本概念和技术特点,并通过一个实例来展示如何结合JavaScript和CSS来实现页面样式的控制。 一、CSS...

    百度首页“天气预报”静态页面样式

    本案例中,我们关注的是“百度首页“天气预报”静态页面样式”。这个项目的主要目的是复刻百度搜索“天气”后出现的天气预报模块的样式,以满足特定项目的需求。 首先,我们需要了解静态页面和动态页面的区别。静态...

    HTC范例 统一页面样式控件风格

    总结来说,"HTC范例 统一页面样式控件风格"是一个关于使用HTC技术来标准化网页元素样式的实践案例。通过`input.htc`实现自定义输入框样式,借助`button.gif`提供一致的按钮视觉效果,并在`model.html`中演示这些元素...

    CSS初级入门:页面样式的整体声明

    对于初学者来说,了解如何进行页面样式的整体声明是至关重要的,因为它能有效地提高工作效率,减少代码冗余,使页面设计更加整洁和易于维护。 整体声明CSS样式主要有两种方法: 1. 针对单个标签进行多个样式的声明...

    电子商务头部top页面样式表

    电子商务头部top页面样式表

    CSS制作页面样式

    CSS制作页面样式CSS制作页面样式CSS制作页面样式CSS制作页面样式CSS制作页面样式CSS制作页面样式CSS制作页面样式CSS制作页面样式

    精通css+div页面样式与布局

    本教程“精通css+div页面样式与布局”旨在帮助新手快速掌握这两项关键技术,从而实现高效、美观的网页设计。 首先,CSS是一种样式表语言,用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档的呈现。它的...

    动态指定页面样式表的方法.

    ### 动态指定页面样式表的方法详解 在Web开发中,动态改变网页的样式表(CSS)是一项重要的技能,它不仅能够提升用户体验,还能增强网站的个性化和交互性。本文将深入探讨几种在ASP.NET中动态指定页面样式表的方法...

    thinkphp分页页面样式

    thinkphp分页页面样式

    报错页面样式

    是一个页面报错的样式,

    HTML+CSS实现登陆页面样式布局,简单的网页布局

    这个“HTML+CSS实现登陆页面样式布局”的主题涵盖了如何利用这两种技术来创建一个基本的登录页面,这对于初学者,尤其是大一大二大三的学生来说,是一个很好的实践项目,有助于巩固理论知识并提升实际操作技能。...

    IE调试工具(用于调试页面样式的工具)

    在Web开发过程中,调试页面样式是不可或缺的一环,而IE调试工具(IEDevToolBar)就是专为解决这一问题而设计的。它是一款集成在Internet Explorer浏览器中的开发者工具,帮助前端工程师快速定位并修复页面布局、颜色...

Global site tag (gtag.js) - Google Analytics