檬味博客 » 问答 » DIV+CSS里的垂直的点虚线怎么做

DIV+CSS里的垂直的点虚线怎么做

1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入css代码：div {margin-left: 100px; border-right:1px dashed black; height:150px; width:1px;} 3、浏览器运行index.html页面，此时成功用css和div实现了垂直的点虚线。
DIV+CSS里的垂直的点虚线怎么做
.xx{width:100px;height:100px;border-right:1px dashed #000}/*里面的高度和宽度自己设置，其中高度就是你垂直虚线的高度；如果是左边的虚线那就是border-left*/2012-09-12
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：
div {margin-left: 100px; border-right:1px dashed black; height:150px; width:1px;}

3、浏览器运行index.html页面，此时成功用css和div实现了垂直的点虚线。

2019-07-24
<!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"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"><!--*{ margin:0; padding:0; list-style:none; text-decoration:none; color:#000;}ul li{ width:100px; height:30px; background-color:#CCC; float:left; line-height:30px; text-align:center; border-right:1px dashed #FFF;}--></style></head><body><div id="nav"><ul><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li><li><a href="#">首页</a></li></ul></div></body></html>效果：

主要代码：
border-right:1px dashed #FFF;2015-09-29
图片2012-09-12
点虚线肯定是边框的属性来实现的，css如下：
｛border:1px dotted #xxx(颜色)；｝
你可以随便用左或者右边框来实现，至于具体位置要你自己调试2015-09-15
mengvlog 阅读 10 次 更新于 2025-07-20 08:59:16 我来答关注问题0
5 个回答檬味博客专题活动
  • zcp299 DIV+CSS里的垂直的点虚线怎么做

    1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的标签中，输入css代码：div {margin-left: 100px; border-right:1px dashed black; height:150px; width:1px;} 3、浏览器运行index.html页面，此时成功用css和div实现了垂直的点虚线。

  • IT168 div-css盒子怎么在里面添加虚线?

    那就看你要怎么去实现这个虚线了，比如实现虚线的方式有用div，有hr水平线方式。\x0d\x0adiv的方式就可以这样写： border-top:1px #ccc dashed;，只留一条边可见，其它边不可见，虚线的属性是 dashed;\x0d\x0a如果你用hr实现也是可以的，同样也可以在样式里写 dashed属性值;\x0d\x0a这样...

  • lvxinxin_lx div-css盒子怎么在里面添加虚线

    1.用标签（div、span这些标签都可以）的边框线设置虚线来实现，比如在需要的位置插入div然后设置border-top(或者border-bottom):1px dashed #e5e5e5;(3个属性分别表示：1像素的边宽 虚线 颜色)；2.用hr,不过因为实现方式和方式一一样，比如：

  • 百度网友8cbbc4e css竖虚线代码

  • 唯一丶Home 在div中怎么添加虚线?

    在CSS面板里new一个style，选择“redefine HTML Tag”，再在下拉菜单里先“table”，在弹出的面板里，category里选择border，在border里，将top,left,right,bottom都设成1px，颜色设成你想要的边框的颜色。然后在style下拉框里选择dashed。一切ok。只是所有的表格都会用虚线做边框了。注意，这个效果在浏览...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部