`
Appleses
  • 浏览: 348005 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

html代码<hr>能设置成虚线

 
阅读更多

虚线用css来做.
border线型主要有：
1、dotted【点状】
2、solid【实线】
3、double【双实线】
4、dashed;【虚线】

如果一个CSS这样写：border-bottom:1px dashed #000000;
出来的框就是：一条宽度为1像素的黑色下划虚线。

例:<div style="border-bottom:1px dashed #000000;">虚线</div>

 

=======================================================

<style>
.class1{ border:1px; dashed #000;}
</style>
<body>
<hr class="class1">
</body>

分享到：
| 数据库性能优化之SQL语句优化1(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    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＞的样式定义

    HTML是用于创建网页的标准标记语言，其中`&lt;li&gt;`和`&lt;hr&gt;`是两个非常重要的元素。本教程将深入分析并总结这两个元素的样式定义，帮助读者更好地理解和应用它们。 首先，`&lt;li&gt;`标签用于定义列表项，通常在`&lt;ul&gt;`（无序...

    在HTML中实现各类线型（附件传错）

    除了`&lt;hr&gt;`元素，我们还可以利用CSS的边框属性（border）来创建更为复杂的线型，包括但不限于虚线、点划线、双线等。 #### 示例代码： ```html &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; .line-dashed { border-top...

    hr标签效果.txt

    ### HR标签在HTML中的应用与效果 #### 一、引言 HTML（Hyper Text Markup Language）是用于创建网页的标准标记语言。在HTML中，`&lt;hr&gt;`标签被用来表示一个水平...希望本文能帮助大家更好地掌握`&lt;hr&gt;`标签的使用技巧。

    HTML4.0元素默认样式整理

    7. 代码和预格式化文本：`&lt;pre&gt;`、`&lt;tt&gt;`、`&lt;code&gt;`、`&lt;kbd&gt;`和`&lt;samp&gt;`元素的默认字体家族设为等宽字体，以保持代码的格式。`&lt;pre&gt;`的`white-space`属性为`pre`，保留所有的空白字符。 8. 水平线：`&lt;hr&gt;`元素创建...

    css控制水平衡线hr标签样式去掉阴影效果

    总的来说，通过CSS的`border`属性，我们可以对`&lt;hr&gt;`标签进行细致的控制，包括颜色、宽度、样式（实线、虚线等）以及是否显示边框。这样不仅可以消除默认的阴影效果，还能创造出符合设计要求的各种独特水平线样式。...

    网页制作的相关知识

    9. **`&lt;hr&gt;`**：定义水平线，用于分隔内容。 10. **列表**： - `&lt;ul&gt;` 和 `&lt;li&gt;`：无序列表。 - `&lt;ol&gt;` 和 `&lt;li&gt;`：有序列表。 11. **链接**： - `&lt;a&gt;`：创建超链接。 - `href`：指向页面的URL地址。 - `target...

    css控制水平衡线hr标签样式去掉其阴影效果

    在提供的示例代码中，使用了`&lt;style&gt;`标签内联CSS来定义了一个类名为`.hrtest`的`&lt;hr&gt;`元素样式。这个类设置了`height`、`width`以及四个边框`border`的值。`border-top`被设置为1像素的红色实线，而`border-left`、...

    HTML面试题

    - `&lt;hr&gt;`: 插入水平线。 - `&lt;menu&gt;`: 显示菜单列表。 - `&lt;noframes&gt;`: 为不支持帧的浏览器提供替代内容。 - `&lt;noscript&gt;`: 为不支持JavaScript的浏览器提供替代内容。 - `&lt;ol&gt;`: 有序列表。 - `&lt;p&gt;`: 段落。 ...

    jsp划线

    在JSP文件中，可以直接嵌入HTML代码，如上面的`&lt;hr&gt;`标签。JSP引擎会将这些HTML代码原封不动地输出到生成的HTML页面中。 3. **JSP表达式语言（EL）** JSP 2.0引入了表达式语言（Expression Language），允许在JSP...

    web 页面画线 asp.net 页面画线

    HTML（HyperText Markup Language）是网页的基本结构语言，虽然它本身不支持动态绘图，但可以借助`&lt;hr&gt;`标签创建水平线，或者通过CSS来模拟线条效果。例如： ```html &lt;hr width="50%" align="center" size="3" color...

    线

    例如，设置一个带有虚线边框的div： ```html &lt;div style="border: 1px dashed red;"&gt;&lt;/div&gt; ``` 4. `text-decoration`属性：在CSS中，可以使用`text-decoration`属性来添加下划线、上划线或删除线，常用于链接。...

    jQuery企业发展历程垂直时间轴样式

    例如，可以使用`&lt;ul&gt;`和`&lt;li&gt;`标签来表示时间轴，每个`&lt;li&gt;`代表一个时间点，`&lt;hr&gt;`作为时间线。 ```html &lt;ul id="timeline"&gt; &lt;li class="event"&gt; &lt;span class="date"&gt;2000年&lt;/span&gt; &lt;div class="description"&gt;...

    asp.net Line控件源码

    Line控件在ASP.NET中属于Web服务器控件，它的主要功能是在HTML输出中插入一个水平线（&lt;hr&gt;标签）或自定义方向的线条。在VB中，我们可以通过以下步骤来使用Line控件： 1. **添加控件**：首先，在ASP.NET页面的设计...

Magicbox
Global site tag (gtag.js) - Google Analytics