CSS如何定义一条水平虚线与实线

csscode 2013-09-30

       假如定义一条水平的虚线呢？
　　我们首先需要了解，关于线条的CSS的两个样式：
　　dotted : 　在MAC平台上IE4 与WINDOWS和UNIX平台上IE5.5 为点线。否则为实线
　　dashed : 　在MAC平台上IE4 与WINDOWS和UNIX平台上IE5.5 为虚线。否则为实线

　　水平线条，我们可以用hr来实现，也可以定义一个div，将它的高度设为1px或其它你想要的高度。
　　CSS定义一条水平虚线hr的方法：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.mb5u.com</title>
<style type="text/css">
hr {border:1px #cccccc dotted;}
</style>
</head>
<body>
<hr size="1" noshade="noshade" />
</body>
</html>

 CSS定义一条水平虚线div的方法：　

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.mb5u.com</title>
<style type="text/css">
#aaa {border-top:1px dashed #cccccc;height: 1px;overflow:hidden;}
</style>
</head>
<body>
<div id="aaa">模板无忧 - www.mb5u.com</div>
</body>
</html>

 需要你注重hr方法中CSS的定义：hr {border:1px #cccccc dotted;} 用了dotted属性。在div的方法中用了dashed属性。从表面上讲，两者没有明显的区别。但在不同的浏览器环境下，可能会存在一些差异。但这些都无关紧要了，因为大多数人看到的是一样的效果。虚线。：）

实线实现：

.div{
 height:1px;
 border-bottom:1px solid #ccc;
 overflow:hidden;
}
csscode

csscode

相关推荐

Ubuntu 安装Docker

Unbutu系统上安装Docker服务，为保证docker服务的运行未定，需要使用与之相匹配的docker版本，使用命令。若看到上述信息，表明docker安装成功！默认情况下，docker从hub上下载需要安装的进行，囿于这些hub位于国外，下载速度缓慢，

pigsmall / 0评论 2020-11-19

性能测试综述

性能测试旨在检查应用程序或软件在特定负载下工作时的响应性和稳定性，从而检测应用程序/软件在响应速度、可扩展性和稳定性方面是否达到预期的要求。简而言之，性能测试目标就是为了识别并消除应用程序中的性能瓶颈。性能测试主要有[负载测试]，[压力测试]，[容量测试]

mohanzb / 0评论 2020-08-01

js正则表达式

javascript 正则表达式 和 java perl 等的有些不一样，比如没有后向预查等。不过不能得到匹配的位置。即如果加了全局g标志，正则表达式的分组信息将丢失。这是一种特殊的构造方式。并且注意这里的正则表达式不需要像用字符串构造RegExp 对象那

peterwzc / 0评论 2020-03-17

Nginx+Tomcat+Terracotta的Web服务器集群实做

-- //Host2就写为"test Host1" 以示区分 --></head><body><% out.println("Session Id:"+requ

稻草人的高粱地 / 0评论 2014-07-02

Linux入门基础 #10：命令行文本处理工具

命令grep用以基于关键字搜索文本。$ find / -user shuangde | grep Video. -i 在搜索的时候忽略大小写。-n 显示结果所在行数。-Ax 在输出的时候包含结果所在行之后的指定行数。$ cut -d : -f 1 /etc

89291642 / 0评论 2013-09-06

Linux下压缩与解压(zip、unzip、tar)详解

最近经常在linux上进行打包压缩解压，从网上收集整理并结合自己的常用的，跟大家分享一下下，废话不多说，进入正题。个人感觉tar命令相对而言功能比较强大，在linux下，tar命令的运用远多于zip。-v 执行是时显示详细的信息。-L 将压缩文件中的全部文

yczgh / 0评论 2015-08-08

linux vim 替换指定字符为回车

linux vim 替换指定字符为回车

shutFuckingup / 0评论 2016-05-17

Android开发基础：Intent与Bundle的使用，实现页面跳转及信息传

Intent 与 Bundle 是Android开发中非常基础和常用的知识，今天我们就用他们两个组合实现一个页面跳转并传递数据的例子。悲剧呀，不能上传图片。。public class Activity01 extends Activity {//定义控件变

Mexican / 0评论 2011-07-27

修改Linux下Apache的最大连接数

Apache的最大连接数，默认为256个。如果当前空闲子进程数少于MinSpareServers ，那么Apache将以最大每秒一个的速度产生新的子进程。MinSpareServers 25#设置空闲子进程的最大数量，默认为10。如果当前有超过MaxSpa

fujing / 0评论 2016-12-08

开发者必备的 Chrome 扩展

Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifenchChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开

ThinkMake / 0评论 2014-11-06

Linux内核制作与嵌入式根文件系统的构建

本来最近就穷显卡坏了。无语之中拿这个破机器去看医生咯，修好电脑后再打开电脑一看启动起来了，但是。。。。显示器不显示了！！！！！！！这个是习惯呵呵。。。。清除原有的配置文件和中间文件。这一说我忘记重点了就是本次是构建NFS文件系统即网络文件系统所以上述的配置

yangxiang / 0评论 2011-11-11

修改web项目的ico

进入tomcat服务器\webapps\ROOT，然后用自己项目的favicon.ico替换tomcat自带的favicon.ico图片。如果想让图标出现在收藏夹中，就：<link type="image/favicon.ico"

slytop / 0评论 2016-11-16

CentOS7安装gitlab+汉化

tcp 0 0 0.0.0.0:80 0.0.0.0:* LISTEN 18035/nginx: master. tcp 0 0 127.0.0

86214251 / 0评论 2018-07-20

01.Docker安装

需要添加当前用户到docker组中,然后重新登陆即可.

junyilao / 0评论 2017-05-24

Linux中vim的使用

维护linux服务器的时候，大部分时间都在安装服务器端的各种软件，依赖库，部署代码，导入mysql数据、备份mysql数据等等。无论做什么，都需要修改配置文件，而linux是命令行操作，几乎所有修改配置的操作都是去修改一个文本文件。这时候，linux上的最

rootdream / 0评论 2017-05-13

Linux下压缩与解压(zip、unzip、tar)详解

最近经常在linux上进行打包压缩解压，从网上收集整理并结合自己的常用的，跟大家分享一下下，废话不多说，进入正题。个人感觉tar命令相对而言功能比较强大，在linux下，tar命令的运用远多于zip。-v 执行是时显示详细的信息。-L 将压缩文件中的全部文

winskingli / 0评论 2015-08-08

Apache与Nginx的优缺点比较

6、 从个人过往的使用情况来看，nginx的负载能力比apache高很多。大 部分情况下nginx都优于

loveyy / 0评论 2015-01-14

java 将数据库中的数据写入Excel

poi 不能支持图片 jxl能

wujun / 0评论 2015-05-17

RubyConfChina2012, 迟来的博文, 附部分讲师的PPT

平生有如此的机会, 能够见到如此伟大的语言设计师, 能够听他现场布道, 感受code for fun的思想. 这绝对一件令人兴奋的事情.matz 从日本而来, 主要宣传了Ruby 2.0 & MobiRuby.ruby 开始于1993年, 励志成为

liyongkuan / 0评论 2012-12-22

什么是Spring,IOC是什么？DI是什么？

Spring是依赖反射机制的，那到底什么是反射机制呢：反射机制就是利用userBean ub = Class.forName这里是com全路径所以在Spring配置文件中bean 的id属性和class属性中要写全路径。也就是控制反转。因为Applicat

zhangjane / 0评论 2015-03-28

[转]memcached底层工作原理

但是，memcached服务器端的行为总是一致的。最后，从实现的角度看，memcached是一个非阻塞的、基于事件的服务器程序。Memcached最大的好处就是它带来了极佳的水平可扩展 性，特别是在一个巨大的系统中。memcached之间没有相互通信， 因

80447518 / 0评论 2014-10-28

Nginx+Tomcat+Terracotta的Web服务器集群实做

-- 增加此配置 --><Valve classname="org.terracotta.session.TerracottaTomcat60xSessionValve" tcConfigUrl="localhos

MRanger / 0评论 2014-07-02

修改web项目的ico

进入tomcat服务器\webapps\ROOT，然后用自己项目的favicon.ico替换tomcat自带的favicon.ico图片目前在tomcat8上面单纯的替换是不生效的，如果你想全局修改掉的话：。如果想让图标出现在收藏夹中，就：<link

道北吴彦祖 / 0评论 2016-11-16

css sprite应用实例

CSS Sprites技术被国内一些人称为CSS雪碧图，其实就是把网页中一些背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景

libowen0 / 0评论 2016-09-28

html5

html5 已经于2014年10月正式定稿。然而，大部分现代浏览器已经具备了某些html5支持。据统计2013年全球将有10亿手机浏览器支持html5，同时html web开发者数量将达到200万。毫无疑问，html5将成为未来5-10年内，移动互联网领域

KungLun / 0评论 2016-07-27

jquery 定义方法

Jquery 中方法的定义自执性方法（就是会自己执行的方法）：～function(){alert(1);}() 或者是 (function(){alert(1);})()1.将方法作为普通方法定义在jquery中：$.aa = function(){ale

hubowei / 0评论 2015-12-08

Aptana 调试 javascript 图解教程（一）

Aptana调试javascript图解教程（一）前期工作1.你必须安装firefox浏览器；2.到http://support.aptana.com/asap/browse/STU-1769下载并安装aptanadebugger及firebug；这两个都

javaer / 0评论 2015-12-01

优化DNS解析和拆分域名 提高网页打开速度

通过上面DNS的运行方式，你一定有了答案，当然有意义了。足够热的话，域名解析服务器的A记录基本上会被各地运营商的DNS一直缓存着。这样的话，保证网站的第一次解析，可以直接从运营商的DNS缓存中拿到，也就是直接拿到cname后的记录。HTTP1.1下，针对同

liujianqing / 0评论 2014-12-31

开发者必备的 Chrome 扩展

Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifenchChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开

ChromeHearts / 0评论 2014-11-06

css写的很有特色<hr>线条

1、两头渐变透明：<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3&

startXUEBA / 0评论 2014-09-09

css实现背景透明文字不透明

例如：<div><p>不透明</p></div>div{-moz-opacity:0.3;filter:alpha;background:#000;width:500px;height:500px;color

hellowzm / 0评论 2014-08-19

wordpress 网站打开很慢

一直好好的，最近发现wp打开很慢，折腾了一番，排查了数据库、网络、主机等因素，发现是wpcss链接了google的opensans字体导致的，被Wall了。晕死，wp你不知道活在TC的ITer的痛苦吗。。。看来最彻底的办法还是搜索wp的代码，从php、cs

83911433 / 0评论 2014-06-03

JQuery Tree插件——zTree v3.5.13 版 发布

近期由于工作繁忙，所以一直没有发布 v3.5.13 的正式版，只是在 github 上不断更新每次修改后的 beta 版。GitHub：https://github.com/zTree/zTree_v3 zTree 在线操作演示：http://www.

84483368 / 0评论 2013-06-02

TODO安卓模拟器哪家比较好？

安卓模拟器哪家比较好？

老汪的技术人生 / 0评论 2017-06-15

Android使用JDBC连接mysql数据库

移动设备中常用的数据库时sqlite数据库，Android设备中也不例外，但是今天我们就来讨论一下如何使用Android连接mysql数据库在实际的项目中貌似很少使用android连接mysql数据库，通常是在Android客户端通过Http请求将数据传送

XPY / 0评论 2016-12-05

场景切换之数据保存任意数据

a.如果你传的是个引用类型，但引用的东西却是场景实物，那你就得用上面第二个函数保留该物体，这样在新场景中可以直接继承他的所有即时属性；b.当然如果你传的这个引用指向一个prefab，那就不存在这问题了，这里如果当前场景已经改变了角色数据，那你传递引用后也要

nankangren / 0评论 2015-07-14

CocoaPods使用总结

cocoaPods使用：git官网：https://github.com/CocoaPods/CocoaPods/wiki/Creating-a-project-that-uses-CocoaPods参考文章：http://ishalou.com/blog

pwf00 / 0评论 2013-10-24

Xcode重新设置项目名称、文件夹名称、scheme名称(rename)

重新设置一个项目之前，一定要做好备份，我的Xcode版本4.6：1、修改项目名字后，会修改掉当前Project name、Targets name、plist文件name，pch文件name，参考：http://stackoverflow.com/ques

voidxin / 0评论 2013-07-10

ARM Linux 系统调用过程

　　系统调用是操作系统提供给用户的一组接口，每个系统调用都有一个对应的系统调用函数来完成相应的工作。用户通过这个接口向操作系统申请服务，如访问硬件，管理进程等等。下面举一个简单的例子说明从用户态调用一个“系统调用”，到内核处理的整个执行流程。　　上面的代码

hyfcomeon / 0评论 2015-04-22

如何使用Android Studio开发/调试Android源码

环境: Ubuntu 14.10，openJdk 1.7，Android Studio 1.0.2，android-5.0.1_r1源码。文档中使用的是748m,可自行修改。并将其作为要使用的SDK的Java SDK。我的分享里有修改这个bug的patch

chengkun / 0评论 2015-04-19

Docker 1.0.1 已经可以在 Ubuntu 14.04 LTS 上测试了!

Docker1.0.1 已经正式登陆“trusty-proposed的归档文件”中，我们期望SRU在长期可支持版上得到更快的更新！我们非常渴望能得到大家的测试反馈，以确保那些从 Docker 0.9.1 升级后的，和那些新安装的Docker 1.0.1 能

启云 / 0评论 2014-08-27

30种漂亮免费的Sans Serif扩展字体

尽管现在大多数web设计师在他们的网站中使用的是现代主义和现代字体设计，并在阅读文本和标签提供一个独特的氛围。除了使用 sans serif 字体外，还有很多对 serif 字体进行改进，包括利用衬线、微妙细节、曲线和锐利边缘等效果来创建新的字体，让用户在

架构设计 / 0评论 2013-05-29

64位Fedora 15 上安装Android的开发环境

为了方便直接下载j2ee版的2XXM（有点大）。安装eclipseADT插件，开发Android要用到。yum install readline-devel.i6868. SDL init failure, reason is: No available

80921738 / 0评论 2011-08-25

如何在Java中调用Python代码

有时候，我们会碰到这样的问题：与A同学合作写代码，A同学只会写Python，而不会Java，而你只会写Java并不擅长Python，并且发现难以用Java来重写对方的代码，这时，就不得不想方设法“调用对方的代码”。下面我将举一些简单的小例子，借此说明：如何

PYTandFA / 0评论 2017-05-31

CentOS 6.6下httpd 2.4.25 + PHP 5.4.13 + MySQL 5.5.28 分离部

环境说明:系统: CentOS 6.6部署模式: 分离式版本:HTTP 2.4.25 + PHP 5.4.13 + MySQL 5.5.28IP规划: HTTP: 192.168.205.116 PHP: 192.168.205.117 MySQL: 1

限量版的青春 / 0评论 2017-05-13

Hadoop学习：HDFS的运行原理

HDFSHadoop分布式文件系统。是根据google发表的论文翻版的。论文为GFSGoogle 文件系统。①保存多个副本，且提供容错机制，副本丢失或宕机自动恢复。②运行在廉价的机器上。③适合大数据的处理。HDFS默认会将文件分割成block，64M为1个

砚浅 / 0评论 2016-09-04

C++ 虚函数经典深入解析

C++中的虚函数的作用主要是实现了多态的机制。关于多态，简而言之就是用父类型别的指针指向其子类的实例，然后通过父类的指针调用实际子类的成员函数。这种技术可以让父类的指针有“多种形态”，这是一种泛型技术。所谓泛型技术，说白了就是试图使用不变的代码来实现可变的

zhiyang0 / 0评论 2015-07-09

Hadoop中HDFS工作原理

Hadoop Distributed File System，字面意思，Hadoop分布式文件系统，通俗的讲，就是可以将不同节点的设备用来存储。它分为两个部分：NameNode和DateNode，NameNode相当于一个领导，它管理集群内的DataNod

shenhongdb / 0评论 2014-06-14

Hadoop MapReduce数据流

运行一个MapReduce程序会在集群的许多节点甚至所有节点上运行mapping任务，每一个mapping任务都是平等的：mappers没有特定“标识物”与其关联。因此，任意的mapper都可以处理任意的输入文件。每一个mapper会加载一些存储在运行节点

shenhongdb / 0评论 2012-02-17