`

页面里横虚线，竖虚线及文字下划线

 
阅读更多 
<html>
<head>
	<style type="text/css">
     .text1 {border-color:black;border-style:solid;border-top-width:0px;border-right-width:0px;border-bottom-width:1px;border-left-width:0px; width:500px}   
     .text2 {color: #ff0000; background-color: #FFFFFF; border: #006699; border-style: dashed; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; width:500px}
     .text3 {border-left: none; border-right: none; border-top: none; border-bottom: 1px solid rgb(192,192,192); width:500px}
    </style>
</head>
<body>
	横虚线：
	<hr size="1" noshade="noshade" style="border:1px #cccccc dotted;">
	<div style="border-top:1px dashed #cccccc; height: 1px;overflow:hidden"></div>
	<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted;color='#111111'; size=1"/>
	竖虚线：
	<div style="border-left: 1px dashed #000;height:30%;line-height:1px;"></div>
	文字下面的下划线：
	<div class="text1">我的下面是实下划线</div>
	<div class="text2">我的下面是虚下划线</div>
	<div class="text3">我的下面是浅下划线</div>
</body>
</html>
分享到：
| 通过js取得请求地址中参数的值
评论
发表评论

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

相关推荐

    Android 自定义完美支持下划线虚线和波浪线的EditText

    Android 自定义完美支持下划线虚线和波浪线的EditText；JAVA非Kotlin；添加了右下角绘制提示内容。网上发现Android开发的代码近两年基本没有最新内容，不知道为啥。自己研究源码进行的编写。开发不易、养家糊口不易...

    将链接的下划线做成虚线

    这样，当用户将鼠标光标移动到链接上时，链接才会显示虚线下划线，离开后恢复为无下划线状态。 此外，你还可以调整下划线的宽度和颜色，以进一步自定义样式。例如： ```css a { text-decoration: none; text-...

    如何将链接的下划线做成虚线？.rar

    我们在浏览网页的时候，经常可以看到链接的下划线是虚线，或者在link与hover不同状态，下划线会从虚线到实线的变化。这样的效果是如何实现的呢？ 其实这样的效果，是设置text-decoration:none。也就是去除了链接的...

    DIV+CSS实例虚线边框|CSS虚线下划线及虚线用应

    1、CSS边框虚线 – TOP 这里通过边框属性的虚线边框border控制虚线。以下设置的css 高度(css height)和css 宽度（css width）为350像素是为了便于观看演示 其它意思。 一、四边为虚线边框 复制代码代码如下:border:...

    word中的下划线快捷键 下划线怎么打.docx

    选中文字单击右键选择"字体"，然后在"下划线线型"中选择下划线，也可以生成一条文字底部下划线。 快速输入下划线的小技巧 在 Word 中其实存在这样一个功能，只要你连着输入三个或以上的"-"（减号），然后回车，你...

    Word怎么输入下划线？.docx

    除此之外，下划线还可以用来突出文字，例如添加波浪、点、虚线、双下划线等。 输入法打下划线 ----------------- 可以使用输入法轻松地打出下划线，无论使用的是什么输入法方法都是一样的。方法是使用 Shift 键和...

    word中下划线怎么输入参考.doc

    在 Word 中，我们可以使用下划线功能来添加各种类型的下划线，如波浪、点、虚线、双下划线等，以突出此段文字。下划线功能的应用非常广泛，不仅可以用来留出空位用来填写信息，还可以用来添加样式和效果。 解决打...

    下划线怎么打出来Word技巧.docx

    - 输入三个或更多的`*`（星号），回车后生成虚线型下划线。 - 输入三个或更多的`~`（波浪号），回车后生成波浪线型下划线。 - 输入三个或更多的`#`（井号），回车后生成三层线型下划线。 通过以上介绍的方法，我们...

    flutter Text 下划线，删除线，虚线，加粗，斜体等设置方案

    import ‘package:flutter/material.dart’; void main(){ runApp( MaterialApp( title:‘Text Demo’, home:ContainerDemo() ), ); ...class ContainerDemo extends StatelessWidget { ...Widget build(BuildContext ...

    iOS 按钮上的文字添加下划线的方法

    在iOS开发中，有时我们需要为按钮（UIButton）的文字添加下划线，以达到特定的视觉效果或强调某些功能。在本文中，我们将详细介绍如何在iOS应用中为按钮的文字添加下划线。 首先，我们来看一个具体实现的例子。在这...

    如何将链接的下划线做成虚线？特效代码

    介绍： 我们在浏览网页的时候，经常可以看到链接的下划线是虚线，或者在link与hover不同状态，下划线会从虚线到实线的变化。这样的效果是如何实现的呢？ 其实这样的效果，是设置text-decoration:none。也就是去除了...

    使用CSS去掉网页中超链接的下划线示例

    如果想实现链接的虚线下划线或普通下划线效果，可以通过CSS的`border-bottom`属性添加边框，从而替代传统的`text-decoration`来实现下划线效果。例如，以下代码为超链接添加了虚线下划线： ```css a { color: #...

    隐藏超链接,按钮按下时的虚线方法

    超链接通常通过下划线来标识可点击的状态，而按钮在被用户按下时则可能会显示一个虚线边框，以提供一种反馈，表明用户正在与元素交互。然而，在某些设计中，可能需要隐藏这些默认的虚线效果，以保持界面的简洁或符合...

    ios-(输入框DIY)带下划线样式,带间距,带字数限制的明文输入框.zip

    例如，你可以设置线条的颜色、宽度、是否虚线等属性，使得输入框的视觉效果更加符合应用的设计风格。同时，通过调整边距，可以在输入框内添加适当的间距，提高可读性。 为了实现字数限制，我们需要监听UITextField...

    CSS3多行文本下划线动画特效.zip

    - `text-decoration-style` 支持设置下划线的样式，如实线、虚线、点线等，例如 `text-decoration-style: dashed;`。 2. CSS3 Transitions 和 Animations： - CSS3 的 `transition` 属性用于创建平滑的过渡效果，...

    隔行换色title样式

    隐藏链接虚线则可能是指通过CSS去除链接的下划线，使其在视觉上更隐蔽，但仍然保持其链接功能。 首先，让我们深入了解一下如何实现隔行换色。在CSS中，可以使用`:nth-child`伪类选择器来实现这一效果。例如，对于...

    arcgis教程

    查询对象为ArcInfo coverage，shapefile， INFO table，dBASE table，ArcSDE data，ArcIMS 要素类..._（下划线）任何单个字符。WHERE au_fname LIKE '_ean' 将查找以 ean 结尾的所有 4 个字母的名字（Dean、Sean 等）。

    下横线怎么打.docx

    Word 文档中添加下划线的方法和技巧 下划线是一个非常有用的格式工具，在 Word 文档中添加下划线可以将重要内容标记出来，让读者一眼就看到重点。下面将详细介绍如何在 Word 文档中添加下划线，并提供一些实用的...

    web前端学习总结(精华版).pdf

    7. 虚线下划线：abbr 8. 上标下标：sub/sup 9. 下划线：ins 10. 删除线：del（标记已删除内容）、s（标记不准确内容） 11. 等宽字体：code 12. 预格式化：pre 13. 字号减小、表注释：small 14. 时间：time 15. 换行...

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