`
keron
  • 浏览: 31045 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

用<hr>做虚线的多种样式

阅读更多

<head> 
<title>Untitled Document</title> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
</head> 

<body bgcolor="#FFFFFF" text="#000000"> 
<hr size="1" noshade style="border:1px dotted #000000"> 
<hr size="1" noshade style="height:100;width:1;border:1px dotted #000000"> 
<hr size="1" noshade style="height:100;width:1;border:1px dotted #000000;zoom:5"> 
1<div style="width:1000;height:1;;border-top:1px dotted #000000"></div> 

2<s style="width:1000;height:1;border-top:1px dotted #000000"></s> 

3<b style="width:1000;height:1;border-top:1px dotted #000000"></b> 

4<input style="width:1000;height:1;border-top:1px dotted #000000"> 

5<a style="width:1000;height:1;;border-top:1px dotted #000000"></a> 

6<center style="width:1000;height:1;;border-top:1px dotted #000000"></center> 
</body> 
</html> 

分享到:
评论

相关推荐

    css实现a“标签点击无虚线.rar

    然而,默认情况下,当鼠标悬停在`&lt;a&gt;`标签上时,浏览器可能会显示一条虚线边框,这在某些设计风格中可能并不符合预期。本教程将深入讲解如何通过CSS来消除`&lt;a&gt;`标签在点击时出现的虚线边框。 首先,我们需要理解`&lt;a...

    html设置分割线虚线,css border设置虚线样式

    除了使用`&lt;hr&gt;`标签,还可以使用HTML元素如`&lt;div&gt;`或`&lt;span&gt;`来创建自定义的分割线,并同样通过CSS来设置虚线样式。例如: ```html &lt;div class="custom-divider"&gt;&lt;/div&gt; ``` 对应的CSS代码: ```css .custom-...

    html基础教程之分析总结一下<li>和<hr>的样式定义

    通过熟练掌握`&lt;li&gt;`和`&lt;hr&gt;`元素的CSS样式定义,开发者可以创造出更多元、更美观的网页布局,提升用户体验。对于初学者而言,理解并实践这些基础概念是掌握HTML和CSS的关键步骤。同时,不断学习和分享新的知识,如在...

    Visual C++ 编程资源大全(源码 图形)

    dashline.zip&lt;br&gt;一个简单的虚线类(46KB)&lt;END&gt;&lt;br&gt;6,rotatedc2.zip&lt;br&gt;旋转你的图形-高级内存设备描述表演示程序(49KB)&lt;END&gt;&lt;br&gt;7,rotatedc.zip&lt;br&gt;旋转你的图形-高级内存设备描述表(21KB)&lt;END&gt;&lt;br&gt;8,jtdraw.zip&lt;br&gt;...

    Visual C++ 编程资源大全(英文源码 图形)

    Line Class&lt;br&gt;一个简单的虚线类(4KB)&lt;END&gt;&lt;br&gt;47,47.zip&lt;br&gt;Drawing Dashed Lines and Curves&lt;br&gt;画虚的直线和曲线(9KB)&lt;END&gt;&lt;br&gt;48,48.zip&lt;br&gt;Drawing dotted lines&lt;br&gt;画边界线(5KB)&lt;END&gt;&lt;br&gt;49,49.zip&lt;br&gt;How to...

    梦想论坛Ver3.0 FOR DVBBS7.2 超级梦想版

    &lt;br&gt; 职业中心 &lt;br&gt; 版主工资 &lt;br&gt; 自助工资 &lt;br&gt; 婚礼教堂 &lt;br&gt; 社区法院 &lt;br&gt; 社区点歌 &lt;br&gt; ==城市== &lt;br&gt; VIP 申请 &lt;br&gt; 自助链接 &lt;br&gt; 形象设计 &lt;br&gt; 形象大赛 &lt;br&gt; 家园设计 &lt;br&gt; 梦想银行 &lt;br&gt; 社区服务 &lt;br&gt;...

    css中hr标签的各种用法

    然而,通过CSS,我们可以进一步定制`&lt;hr&gt;`标签的外观,使其在设计中发挥更多作用。本文将详细介绍`&lt;hr&gt;`标签的各种CSS用法。 1. **基本使用** `&lt;hr&gt;`标签默认会生成一条横跨页面的单线条。例如: ```html &lt;hr&gt; ...

    经典Dreamweaver插件

    scroll 自定义浏览器滚动条的特效CSS &lt;br&gt;Marquee 插入滚动文字效果 &lt;br&gt;scrubber 去除点击超级链接时的虚线显示 &lt;br&gt;chromeless_win_wind 制作弹出无边浏览小窗口,现在网上最为流行的 &lt;br&gt;scrollablearea 使用层...

    在HTML中实现各类线型(附件传错)

    默认情况下,`&lt;hr&gt;`元素会显示一条细的、灰色的水平线,其样式可以通过CSS进行自定义。 #### 示例代码: ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; hr { border: none; height: 1px; /* 高度 */ ...

    hr标签效果.txt

    通过本文的介绍,我们可以看到`&lt;hr&gt;`标签虽然简单,但是通过合理的属性设置和CSS样式的结合使用,能够创造出多种多样的视觉效果。这对于提高网页的可读性和美观度都是非常有益的。希望本文能帮助大家更好地掌握`&lt;hr&gt;...

    CSS——hr水平线样式

    CSS水平线样式 CSS中的水平线(HR)是一种重要的排版元素,它可以用来分隔文章、区块或其他内容。今天,我们将探讨如何...从基本样式到添加背景图片和改变线条颜色,我们可以使用CSS来创造出多种不同的水平线样式。

    这样去写你的 HTML这样去写你的 HTML

    &lt;p&gt;某 A 给我印象最深刻的一句话是,&lt;cite&gt;“做前端要有爱。”&lt;/cite&gt;&lt;/p&gt; ``` 5. **删除内容**:&lt;del&gt; 使用`&lt;del&gt;`标签表示已删除或修改的内容,以区分当前状态。 示例:`&lt;del&gt;HTML 上表示强调时,请使用 &lt;...

    平移魔方HVSquare

    一个很小的游戏,与立体魔方的原理是相同的。... &lt;br&gt;白色虚线框框起的为当前可推动的行或列,方向键推动或改变要推动的行或列。 &lt;br&gt;可别小看它哦,虽然简单,解决它可要费些脑筋呢! &lt;br&gt;花了我四天业余时间。

    纯JS控制DIV选择范围移动与复制(改进版)

    &lt;br&gt;&lt;br&gt;未选择状态下,单击在背景上按住左键拖动产生范围虚线框,在此范围虚线框内的DIV边框变粗变色为被选中,虚线框外的则不被选中。&lt;br&gt;&lt;br&gt;已选择状态下,按住Ctrl可再次选择,按住Ctrl的同时,单击在DIV上,...

    纯JS控制DIV选择范围移动与复制 改进版

    &lt;br&gt;&lt;br&gt;未选择状态下,单击在背景上按住左键拖动产生范围虚线框,在此范围虚线框内的DIV边框变粗变色为被选中,虚线框外的则不被选中。&lt;br&gt;&lt;br&gt;已选择状态下,按住Ctrl可再次选择,按住Ctrl的同时,单击在DIV上,...

    html 边框虚线.docx

    除了`&lt;div&gt;`标签,其他HTML元素如`&lt;span&gt;`、`&lt;ul&gt;`、`&lt;li&gt;`、`&lt;table&gt;`、`&lt;tr&gt;`和`&lt;td&gt;`等也可以添加虚线边框。例如,为列表项`&lt;li&gt;`添加虚线边框: ```html &lt;ul&gt; &lt;li style="border-top: 1px dashed #000;"&gt;&lt;/li&gt;...

    课件伴侣(投影室讲课用的)

    如果你对代码有疑惑,请与我联系&lt;br&gt;QQ :11391626&lt;br&gt;&lt;br&gt;&lt;br&gt;课件伴侣使用说明&lt;br&gt;&lt;br&gt;(图1)&lt;br&gt;启动课件伴侣 启动课件伴侣有两种方式,第一是按上图中的第一个按钮。第二是用热键Ctrl+Alt;&lt;br&gt;关闭课件伴侣 ...

    数字图像图形处理C源代码包1

    一个简单的虚线类(46KB)&lt;END&gt; 6,rotatedc2.zip 旋转你的图形-高级内存设备描述表演示程序(49KB)&lt;END&gt; 7,rotatedc.zip 旋转你的图形-高级内存设备描述表(21KB)&lt;END&gt; 8,jtdraw.zip JTDraw -- 一个绘画的例子(165KB)...

    HTML制作表格PPT教案.pptx

    首先,表格的基本结构由`&lt;table&gt;`标签定义,内部包含`&lt;tr&gt;`(行)和`&lt;td&gt;`(单元格)或`&lt;th&gt;`(表头单元格)标签。例如,一个简单的表格可以这样创建: ```html &lt;table border="1"&gt; &lt;tr&gt; &lt;th&gt;姓名&lt;/th&gt; &lt;th&gt;性别...

    表格边框样式大全

    &lt;td&gt;虚线边框&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; ``` 这里的边框颜色为橙色,宽度为1像素。 ### 点线边框 点线边框则由点组成,通过设置`border-style`为`dotted`来实现。与虚线相似,点线边框的颜色和宽度同样可调,如: `...

Global site tag (gtag.js) - Google Analytics