用fieldset、legend实现文字写在边线上

最新推荐文章于 2023-11-15 09:33:41 发布
最新推荐文章于 2023-11-15 09:33:41 发布
阅读量866 收藏
点赞数
分类专栏： 心得 html 文章标签： html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/whh_lydia/article/details/50821302
版权
心得 同时被 2 个专栏收录
25 篇文章 0 订阅
订阅专栏
html
9 篇文章 0 订阅
订阅专栏

1、

<!DOCTYPE HTML>
<html>
<body>
<fieldset>
  <legend>Legend</legend>
</fieldset>
</body>
</html>
 注:我们定义fieldset的边框的样式border，在IE6里边框会与legend里的文字重合叠加，而默认的样式则不会。我们给legend一个背景遮挡边框，这里是background:#fff;

whh_lydia
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
html中边界加线怎么写,HTML元素 - fieldset(用fieldset、legend实现文字写在边线上的效果)...
weixin_29291185的博客
05-31 696
定义在字段集包含的文本和其它元素外面画一个方框。注释此元素用于对表单中的元素进行分组并在文档中区别标出文本。FIELDSET 元素与窗口框架的行为有些相似。因为窗口框架没有滚动条，将 overflow 属性值设为 scroll，显示效果和值为 hidden 相同。此元素在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。此元素是块元素。此元素需要关闭标签。----...
CSS—fieldset只有标题一条边框，左右下都无边框（图文详情）
Poppy_LYT的博客
08-05 1615
CSS—fieldset只有标题一条边框，左右下都无边框 第一步：布局 <div class="field"> <fieldset> <legend>第三方登录</legend> <ul> <li v-for="(item, index) in datafieldset...
用fieldset、legend实现文字写在边线上的效果
lansky07
12-01 1768
先看一下用fieldset、legend实现的文字写在边线上的效果：怎么样？不错吧，当然这里还加了自己的样式使得更漂亮，其实这是用简单的fieldset、legend标签实现的，实现如上效果代码如下：fieldset style="width: 85%">              legend>span class="wz">个人信息span>legend>     
html在边框上加文字
qq_34872835的博客
01-02 1万+
&lt;html&gt; &lt;body&gt; &lt;form&gt; &lt;fieldset&gt; &lt;legend&gt;在边框上的字&lt;/legend&gt; 可以输入内容：&lt;input type="text"/&gt; &lt;/fieldset&gt; &lt;/form&gt; &lt;/body&am
HTML元素 - fieldset(用fieldset、legend实现文字写在边线上的效果)
weixin_34126215的博客
12-07 506
定义 在字段集包含的文本和其它元素外面画一个方框。 注释 此元素用于对表单中的元素进行分组并在文档中区别标出文本。 FIELDSET 元素与窗口框架的行为有些相似。因为窗口框架没有滚动条，将 overflow 属性值设为 scroll，显示效果和值为 hidden 相同。 此元素在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可...
标题在上边框中的html（fieldset标签）
weixin_30653023的博客
11-10 257
<fieldset> <legend>标题</legend> 内容 </fieldset> 转载于:https://www.cnblogs.com/lswbk/p/4952820.html
h5基础
weixin_45958109的博客
09-21 9425
H5入门基础（一） 我们还是围绕这几个问题来学习： 1.什么是H5？ 2.为什么要用H5? 3.怎么用H5? 1.什么是H5？ 　　♦HTML是指超文本标记语言（Hyper Text Markup Language）。 ♦HTML是一种用来编写网页的语言，使用浏览器将他翻译成相应的页面。 ♦HTML并不是编程语言，他是一种标记语言。 2.为什么要用H5? 　　因为他编辑起来特别酷炫，是HTML的升级版 3.怎么用H5? 　　♦首先看一行HTML中必定要有的东西： 复制代码 //文档类型声明 // //
《CSS》
ChowSQ的博客
03-30 4773
CSSCSS初识引入CSS样式表（书写位置）内部样式表行内式（内联样式）外部样式表（外链式）三种样式表总结（位置）CSS基础选择器标签选择器（元素选择器）类选择器多类名选择器id选择器id选择器和类选择器区别***id选择器和类选择器最大的不同在于 使用次数上。***课程目标:CSS的发展历程CSS 网页的美容师CSS初识引入CSS样式表（书写位置）内部样式表行内式（内联样式）外部样式表（外链式）...
-CSS-笔记-
April_Aimer的博客
02-07 2155
目标: 学会使用CSS选择器 熟记CSS样式和外观属性 熟练掌握CSS各种选择器 熟练掌握CSS各种选择器 熟练掌握CSS三种显示模式 熟练掌握CSS背景属性 熟练掌握CSS三大特性 熟练掌握CSS盒子模型 熟练掌握CSS浮动 10.熟练掌握CSS定位 11.熟练掌握CSS高级技巧强化CSS typora-copy-images-to: media CSS的发展历程 从HTML被发明开...
CSS实现文字压在边线上的效果，fieldset与legend
weixin_30474613的博客
02-22 569
CSS实现文字压在边线上的效果，fieldset与legend 要达到以上的效果，我们可以在一个区域里用背景图片去做，其实在xhtml里有这样的标签可以去用。 插入代码： <fieldset> 域（Defines a fieldset） <legend> 域标题（Defines a title in...
fieldset边框样式无效解决方案
行云流水
10-08 6583
问题重现原因分析 浏览器版本太旧了 由于bootstrap重写了fieldset和其中的legend，那么样式就会变成了”标题”下面一条分割线 解决方案在使用到该fieldset的时候加上下面样式 <style> fieldset { padding: .35em .625em .75em; margin: 0 2px;
HTML <fieldset>和<legend>标签
codingmu的专栏
01-12 330
*fieldset元素可以将它所包围的元素用线框衬托出来 *legend元素可定义fieldset标题
css3 fieldset,生僻标签 fieldset 与 legend 的用法详解
weixin_42314399的博客
08-03 2311
谈到与，大部分人肯定会比较陌生，在 HTML 标签中，属于比较少用的那一批。我最早知道这两个标签，是在早年学习 reset.css 或者 normalize.css 时，在这些重置统一代码默认样式的 CSS 中看到的。最近因为研究边框，遇到了这两个标签，发现它们还是很有意思的，遂起一篇，将整理的一些知识点分享给大家。了解与通常而言，与比较常用在表单当中。：HTML元素用于对表单中的控制元素进行分组...
[转]容易被忽略的html标签之——<fieldset>
liufeifei5211_163的专栏
04-01 2032
在实际制作网页中，我们有时会要这样的效果： 或许我们可以通过图片实现，但是在html中有一个标签会很轻松的帮我们实现，他就是标签。HTML元素 fieldset方框Draws a box around the text and other elements that the field set contains. 在字段集包含的文本和其它元素外面画一个方框。fieldset元素用于对表单中的元
HTML 标签 - 带边框的表单组合fieldset
Ares5k
04-12 543
带边框的表单组合fieldset
css 两边是线，中间文字的多种实现方法
jiangyue2694的博客
11-23 533
css 两边是线，中间文字的多种实现方法 <div class="soild_text_one"> <fieldset> <legend>历史活动一</legend> </fieldset> </div> <div class="soild_text_two"> <hr/><span>历史活动二</span><hr/> </div>
fieldset与legend标签
最新发布
weixin_43741430的博客
11-15 793
fieldset>标签用于对表单中的控制元素进行分组<legend>标签则必须与<fieldset>标签配套使用，作为fieldset标签的标题。
fieldset 添加2个legend_通过4个代表示例快速掌握R包ggalluvial的冲击图绘制
weixin_42118056的博客
12-27 1318
通过4个代表示例快速掌握R包ggalluvial的冲击图绘制冲击图(alluvial diagram)是流程图的一种，也是平行坐标图(PCP)的一种变体，最初用来表示网络结构的时间变化，强调节点之间的加权流(weighted flows)。冲击图中，变量被分配到平行的垂直或水平轴上，值由每个轴上的区块表示，区块的高度表示特定变量集的大小，流的宽度表示由流连接的两个区块中包含的组间的大小。...
(HTML控件篇)fieldset和legend标签的属性和使用方法
热门推荐
我的IT世界
05-30 3万+
  晚上在随便看一个网页Ajax无刷新聊天室程序的时候，突然看到了fieldset和legend标签，这是我第一次接触和看到这两个HTML标签，感觉很陌生，这或许就是我从弃医从IT的悲剧吧，没怎么完整的学过HTML，不过我不叹息，亡羊补牢，现在就把这两个标签好好学习学习。知识嘛本来就是一个积累的课程，就比如在大学读了那么多的医学书，那么厚的医学书都啃下了，这点怕啥呢。。  好吧，言归正传，开始
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值