CSS应用实例:水平线变成虚线

css|应用实例

如何用CSS把水平线变成虚线?

答案一: 以下是引用片段:
<hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/>

<hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/>
运行代码复制代码另存代码

答案二:

以下是引用片段:
<div id="aaa" style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden;"><a href="http://homepage.yesky.com/">网页陶吧</a></div>
<div id="aaa" style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden;"><a href="http://homepage.yesky.com/">网页陶吧</a></div>

时间: 2024-11-28 18:47:50

CSS应用实例:水平线变成虚线的相关文章

学习CSS实例之水平线变成虚线

css 如何用CSS把水平线变成虚线? 答案一: <hr size="1" noshade="noshade" style="border:1px #cccccc dotted"/> 答案二: <div id="aaa" style="border-top:1px dashed #cccccc;height: 1px;overflow:hidden;"><a href=&quo

CSS布局实例:上中下三行,中间自适应

css布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中.本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过.对于非ie内核浏览器,通过设定display:table.display:table-row和display:table-cell来模拟表格的表现形式. 最外层#box { display:table; },高度100%,其子层#header/#main/#footer为{ dis

详解CSS定义HR水平线的几种样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  &

CSS布局实例:上中下三行 中间自适应

CSS布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中.本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过.对于非ie内核浏览器,通过设定display:table.display:table-row和display:table-cell来模拟表格的表现形式. 最外层#box { display:table; },高度100%,其子层#header/#main/#footer为{ dis

动态加载js、css的实例代码_javascript技巧

一.原生js: /** * 加载js和css文件 * @param jsonData.path 前缀路径 * @param jsonData.url 需要加载的js路径或css路径 * @param jsonData.type 需要加载的类型 js或css */ function loadWriteFiles(jsonData) { jsonData.path = jsonData.path != undefined ? jsonData.path : ""; if(jsonData.

CSS制作网页中的虚线

  这里议决边框属性的虚线边框border控制虚线.以下配置的css 高度(css height)和css 宽度(css width)为350像素是为了便于观看演示 其它意思. 一.四边为虚线边框 border:1px dashed #000; 黑色虚线边框 实例: CSS代码: .hackhome{border:1px dashed #000; height:50px;width:350px} Html代码: 我的四边为黑色虚线边框 这里配置边框缩写形式解释hackhome挑选器四边边框为1p

CSS布局实例:margin优化的一种思路

css|优化 margin是我们在进行CSS布局中非常常用的属性之一,但如果运用不得当,往往会产生过多的垃圾代码,让我们的编码体积不断增加.今天我们介绍一种编码优化的小实例,通过此例希望大家能意识到代码优化的途径是多种多样的,也算是一个抛砖引玉的引子吧. 看XHTML代码: <div id="main">     <div id="body1">          <div id="content1">    

css div 实例教程

css div入门教程了,下面我们来看看各位也是现在流量的布局div css喽,这种布局想对table 布局来讲确实有一定优势哦了,但是在制作与设计方面确实很难了,好了今天我们就来看个实例教程吧,先看看下面的效果. 这是我们的效果图片了,首页是一张背景图片,然后页我们用li标签或标签都可以实现了,好我们先来看看div  css代码吧,然后再讲教程. <h2><img src="images/deliveryservice.jpg"></h2> <

Sass自动化处理CSS动画实例教程

有一天,Harry Roberts有一段有关于他网站上的代码在twitter求教,如果有可能,在某些方面得到改善.Harry Roberts做的是使用keyframes的carousel动画,所以说使用一些数学计算是有可能得到相应改善.     "Why do we have to learn algebra, Miss? We're never going to use it-" -Everyone in my maths class bit.ly/UaM2wf 有什么好主意? 据我