`

fieldset的样式和使用

 
阅读更多
http://blog.csdn.net/woshixuye/article/details/7180114
fieldset
{
  border: 1px solid #61B5CF;
  margin-top: 16px;
  padding: 8px;
}
legend
{
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #00008B;
  background-color: #FFFFFF;
}
.classDivBlank01
{
 float:left;
    width:130px;
 height:150px;
}
 
<fieldset>
    <legend class="legend">人员信息</legend>
    <!--纵向留白-->
    <div class="classDivBlank01"></div>
    <div style="float:left">
        <table cellspacing="10px">
             ....................
        </table>
    </div>
</fieldset>

分享到:
评论

相关推荐

    HTML中fieldset

    在样式布局方面,fieldset 元素可以使用 CSS 样式来控制其外观和布局。例如,可以使用 border 属性来设置 fieldset 元素的边框样式,可以使用 padding 属性来设置 fieldset 元素的内边距,可以使用 margin 属性来...

    jquery fieldset和legend标签代码.zip

    在这个"jquery fieldset和legend标签代码.zip"中,我们很可能会找到一个使用jQuery来增强这两个元素样式的示例。 jQuery 是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个...

    Extjs fieldset两行两列布局

    - 在设置`ComboBox`或`DateField`时,可以根据具体需求调整样式和其他属性。 #### 五、代码示例总结 ```javascript var setsc = new Ext.form.FieldSet({ title: 'fieldset', // 设置FieldSet的标题 height: 80,...

    fieldset相关的总结

    此外,`&lt;fieldset&gt;`可以通过CSS进行样式定制,增强表单的视觉效果,比如添加边框、内边距或者背景色,使得表单更加吸引人且易于识别。 文件“HTML中的分组标签 - 赣南虎的专栏 - 博客频道 - CSDN_NET.mht”可能包含...

    可收放的HTML fieldset

    2. 使用CSS为fieldset定义样式,包括边框、内边距等,以及精灵图的位置,确保在展开和折叠状态下显示正确的图标。 3. 编写JavaScript代码,通常是绑定点击事件到触发器元素,然后在事件处理函数中切换fieldset的`...

    HTML中fieldset标签概述及使用方法

    三、`&lt;fieldset&gt;`的样式和布局 `&lt;fieldset&gt;`标签本身并不提供任何默认样式,但可以通过CSS来调整其边框、内边距、外边距等属性,以适应页面设计的需求。例如: ```css fieldset { border: 1px solid #ccc; ...

    Ext.form.FieldSet的用法.docx

    4. **itemCls**: 定义附加到FieldSet容器元素的额外CSS样式,这会影响到FieldSet内的所有元素,包括表单字段、标签和其他内容。 5. **baseCls**: 设置FieldSet的基础CSS类,通常会影响到组件的整体样式,如边框、...

    几乎被设计师遗忘了的标签fieldset legend

    "fieldset 和 legend 标签的使用和样式设置" 在 HTML 中,fieldset 和 legend 标签是两个常用的标签,用于组织和描述表单元素。但是,这两个标签经常被设计师遗忘或忽视,本文将重点介绍这两个标签的使用、样式设置...

    Ext.form.FieldSet的用法.pdf

    5. **baseCls**:这是应用于 FieldSet 元素的基本 CSS 类,通常定义了组件的基础样式。默认值是 `'x-panel'`。 6. **layout**:FieldSet 使用的布局类型,可以选择 `accordion`、`anchor`、`border`、`card`、`...

    fieldset标签定义说明.docx

    它的主要作用是将相关的表单输入字段(如文本框、复选框、单选按钮等)分组,以便于用户理解和操作,同时也方便开发者管理和样式化这些元素。在网页设计中,良好的表单布局能够提高用户体验,使信息的输入和提交更加...

    jquery fieldset和legend标签特效代码

    1. **动态样式切换**:使用jQuery选择器找到所有的 `&lt;fieldset&gt;` 和 `&lt;legend&gt;` 元素,然后在用户交互时(如鼠标悬停或点击)添加或删除CSS类,改变边框颜色、字体样式等。 2. **动画效果**:利用jQuery的动画功能,...

    JavaScript设置FieldSet展开与收缩

    在HTML部分,除了定义了FieldSet和table的结构外,还使用了内联样式来控制元素的初始显示状态和元素的可见性。并且在legend元素中使用了onclick事件处理器来绑定JavaScript函数,从而使得用户的点击行为能够触发...

    js控制fieldset高度的代码

    4. **兼容性处理**:考虑到不同浏览器对`&lt;fieldset&gt;`样式支持的程度不一,可以在代码中加入更多兼容性处理逻辑,确保在各种浏览器下都能正常工作。 5. **事件监听**:可以通过监听窗口的resize事件来自动调整`...

    购物网站(学生作业)(有滑动模块,fieldset))

    2. CSS样式设计:学生将学习如何使用选择器、类和ID来选择和控制网页元素的样式,包括布局(如盒模型、定位)、颜色、字体、边距等,以及如何使用CSS预处理器(如Sass或Less)提高代码的可维护性。 3. JavaScript...

    html与.net css样式兼容问题解决办法

    使用CSS Reset或Normalize.css等工具可以帮助消除浏览器之间的默认样式差异,确保所有浏览器下样式的一致性。 ```css /* 使用Normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -...

    CSS的本用法、设置表格与表单的样式

    - `label`用于设置标签样式,`fieldset`和`legend`用于组织和标记表单组。 - `:focus`伪类可以设置元素获得焦点时的样式,增强可用性。 7. **CSS与JavaScript协作**:CSS通常用于静态样式,但结合JavaScript,...

    CSS通用样式基本文档

    - **作用**:清除所有元素的外边距和内边距,避免不同浏览器的默认样式差异导致布局不一致。 - **应用场景**:网页布局的基础样式初始化。 ##### 3. HTML特定版本兼容性处理 ```css *html body{overflow:visible;} ...

    css常用样式

    ### CSS常用样式详解 在网页开发中,CSS(层叠样式表)是必不可少的一部分,它用于定义HTML元素的样式和布局。...这些样式的使用能够大大提高前端开发的效率,同时也能确保页面在不同浏览器和设备上的表现一致性。

    CSS的十八般技巧教你如何更加有效地使用CSS

    4. **省略元素限定符**:对于ID和类选择器,如`#content`和`.details`,可以省略元素限定符(如`div#content`和`fieldset.details`),因为ID是唯一的,类可以重复使用。 5. **设置默认值**:为了保持一致性和防止...

    CSS+DIV编写经验总结之CSS样式小模板

    通过以上对CSS+DIV编写经验总结之CSS样式小模板的解析可以看出,合理的CSS样式设置对于提升网页的美观度和用户体验至关重要。这些样式规则不仅能够帮助开发者解决浏览器兼容性问题,还能够在一定程度上简化编码过程...

Global site tag (gtag.js) - Google Analytics