CSS 虚线样式

2010-03-03

效果演示

none: Defines no border

dotted: Defines a dotted border

dashed: Defines a dashed border

solid: Defines a solid border

double: Defines two borders. The width of the two borders are the same as the border-width value

groove: Defines a 3D grooved border. The effect depends on the border-color value

ridge: Defines a 3D ridged border. The effect depends on the border-color value

inset: Defines a 3D inset border. The effect depends on the border-color value

outset: Defines a 3D outset border. The effect depends on the border-color value

比如以下 CSS 代码:

.introduce {

border:1px dotted gray;

margin:8px 5px 8px 10px;

border-style:dashed;

width:128px;

float:left;

}

border-style 设置为 dashed,即点划线。同样的,double 为双线,groove 为槽状,ridge 为脊状,inset 为凹陷,outset 为凸出。

php hr样式虚线,CSS 虚线样式相关推荐

  1. html怎么添加左侧点虚线,css虚线样式,怎么在css里添加虚线

    css虚线样式,怎么在css里添加虚线 内容导读:控制div线框的是border,我们可以具体设置四条边的线框是否显示,也可以去设置虚线框的颜色和粗细.线框的设置可以让div的块状更加明显,至于是用虚 ...

  2. uni-app封装自己常用的css样式-----自定义css的样式 (便于开发)-----原理简单

    我们在开发uni-app的时候,有的时候我们的css代码是常常需要用到的,比如说,比如说居中的问题 .center {position: absolute;top: 50%;left: 50%;tra ...

  3. html中加下划虚线,CSS虚线下划线及虚线列表教程

    1.CSS边框虚线 这里通过边框属性的虚线边框border控制虚线.以下配置的css 高度(css height)与css 宽度(css width)为350像素是为了便于观察迟疑演示 别的意义. 一 ...

  4. css公用样式文件,CSS公用样式.doc

    CSS公用样式 html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, ...

  5. html页面的内容外观显示样式,XHTML CSS制作样式风格切换的WEB站点

    XHTML CSS制作样式风格切换的WEB站点 互联网   发布时间:2008-10-17 19:26:50   作者:佚名   我要评论 随着XHTML的逐渐推广流行,HTML在许多场合已经显得过时 ...

  6. 字体样式和css文本样式

    设置字体属性font-! 1.设置字体属性(用内部样式写在style里) /* 字体可以用引号包裹 也可以不加 ★如果楷体也不认识,那么就用浏览器默认的字体 */ .p1{ font-family: ...

  7. html input样式优化,CSS Input 样式美化

    仅供学习,转载请注明出处 简介 在设置input的适合,你会觉得默认的input样式并不好看.那么该怎么优化呢? 默认的input 可以从上面看出,这个样式的确不好看. 优化input样式 设置 ou ...

  8. html overflow 样式,overflow-x css属性样式

    css花色之overflow-x属性格式教程 overflow-x是overflow子名目,常日也很少用的.overflow-x配置潜藏溢出过宽模式(比喻过宽图片).设置对象底部迁移转变条等需求. o ...

  9. 如何通过jQuery动态设置元素CSS的样式,以及HTML中CSS “内联式”、“嵌套式”、“外联式”使用方法

    html元素使用CSS渲染标签的样式,可以通过内联式.嵌套式.外联式来将CSS样式添加到html中.有时候涉及到动态的参数,或者在事件中需要修改不同元素的CSS样式时,可以通过js获取目标元素,再其修 ...

最新文章

  1. 【机器视觉案例】(13) 脸部和摄像机间的距离测量,自适应文本大小,附python完整代码
  2. MySQL5.7.11免安装版的安装和配置以及解决MYSQL服务无法启动问题
  3. 美团架构师开发平台架构之容器技术实践!
  4. 【设计模式】代理模式 ( 动态代理使用流程 | 创建目标对象 | 创建被代理对象 | 创建调用处理程序 | 动态创建代理对象 | 动态代理调用 )
  5. Smack类库最好的学习资料
  6. 在Ubuntu 14.04中使SublimeText 3支持中文输入法
  7. 为什么我们总是喜欢选择差不多的价格
  8. vector父类类型可以存放子类吗_拼夕夕三轮面经:被问到反射和泛型的bug,你踏空了吗?...
  9. php 日期 间隔,PHP实现计算日期间隔天数的方法
  10. Tomcat实现Session对象的持久化原理及配置方法介绍
  11. linux设置自动关机命令,Linux中Shutdown命令实现定时自动关机
  12. 南开100题C语言(031-040)
  13. 十大编程语言_2020年十大最佳编程语言
  14. 公共DNS递归服务器(转发)
  15. win10小娜_win10小娜打不开没反应怎么办
  16. Python Re 正则表达式 数据匹配提取 基本使用
  17. EasyExcel - API
  18. 程序员如何预防大龄危机
  19. VBA设置模块隐藏和工程不可查看
  20. 【java】115-Java经典

热门文章

  1. 浅谈珠宝品牌推广的策略和方法
  2. SPOJ16607 IE1 - Sweets
  3. 小心BT P2P网站上传播的恶意木马病毒
  4. question2answer(q2a)怎么给WYSIWYG Editor增加查看html源码的按钮?
  5. ssh远程copy文件报not a regular file错误
  6. windows线程 互斥锁CreateMutex、ReleaseMutex、CloseHandle
  7. Anlogic TD Modelsim联合仿真
  8. php adodb使用,PHP ADODB实现事务处理功能示例
  9. 【好文推荐】供应链金融线上化的逻辑与趋势
  10. MFC(文档和串行化,孙鑫C++第十三讲笔记整理) .