Bootstrap分割线和普通分割线
转载:https://blog.csdn.net/qhwc2009/article/details/45047365
<div class="divider"></div>
<hr class="simple" color="#6f5499" />
<!--两头渐变透明-->
<hr style="filter: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color="#6f5499" size="3" />
<!--纺锥型-->
<hr style="filter: alpha(opacity=100,finishopacity=0,style=2)" width="80%" color="#6f5499" size="10"/>
<!--3、右边渐变透明:-->
<hr style="filter: alpha(opacity=100,finishopacity=0,style=1)" width="80%" color='#987cb9' size=3>
<!--4、左边渐变透明:-->
<hr style="filter: alpha(opacity=0,finishopacity=100,style=1)" width="80%" color="#987cb9" size=3>
<!--5、虚线:-->
<hr style="border:1 dashed #987cb9" width="80%" color="#987cb9" size=1>
<!--6、双线:-->
<hr style="filter: progid:dximagetransform.microsoft.shadow(color:#987cb9,direction:145,strength:15)" width="80%" color="#987cb9" size=1>
<!--7、立体效果:-->
<hr style="filter: progid:dximagetransform.microsoft.glow(color="#987cb9",strength=10)" width="80%" color="#987cb9" size=1>
<!--8、钢针效果:-->
<hr style="filter: progid:dximagetransform.microsoft.glow(color="#987cb9",strength=10)" width="80%" color="#987cb9" size=1>
<!--9.垂直分割线-->
<table border="1px" cellpadding="0" cellspacing="0" style="height:265px;border-left-style:solid; border-bottom-style:none;border-right-style:none;border-top-style:none">
<HR align=center width=300 color=#987cb9 SIZE=1>
align 线条位置(可选left、right、center);width 线条长度;color 颜色;size 厚度
Bootstrap分割线和普通分割线相关推荐
- html 表格 边框 分组,CSS表格补充(table)
表格table作用:用来显示数据 table > tr >th / td tr:表格的每一行 th :表格的列标题 td: 单元格 表格标签补充: 表格分组 1.表格行分组标签: 表头:表 ...
- html在div中加分割线,[CSS]几种实现分割线的方法
HTML结构 小小分隔线 单标签实现 小小分隔线 巧用色实现 小小分隔线 inline-block实现 小小分隔线 浮动来实现 -----------小小分隔线 字符来实现------------ 对 ...
- LinearLayout增加divider分割线
2019独角兽企业重金招聘Python工程师标准>>> 在android3.0及后面的版本在LinearLayout里增加了个分割线 android:divider="@d ...
- Bootstrap下拉菜单组件
组件的功能是帮助我们的网页实现一些功能,我们可以引用的是Bootstrap中的下拉菜单.我们来看看下拉组件中常用到的一些的功能: 下拉菜单的实现: <div class="dropdo ...
- 前端之Bootstrap框架
一.介绍 1.特点 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包.支持响应式布局,并且在V3版 ...
- bootstrap学习笔记五(表单一)
表单 bootstrap为表单提供三种样式:默认表单,水平表单,内联表单. <form class="form-horizontal" role="form&quo ...
- Bootstrap—基础样式定义
本章主要是介绍Bootstrap默认的基础样式定义,利用这些基础的定义相互组合,完成页面的整体风格定义甚至是更具体的效果. Bootstrap应该是一个基础工具,它的好处在于已经帮你定义了一个基础的样 ...
- Bootstrap的全局css样式部分
Bootstrap的栅格系统: 1. 为了合适的排列与内补,行(row)写在.container或者.container-fluid中: 在手机上(超小屏幕<768px):总是水平排列的, .c ...
- Bootstrap组件_下拉菜单
下拉菜单<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- Bootstrap~多级导航(级联导航)的实现
在bootstrap官方来说,导航最多就是两级,两级以上是无法实现的,大叔找了一些第三方的资料,终于找到一个不错的插件,使用上和效果上都还不错,现在和大家分享一下 插件地址:http://vsn4ik ...
最新文章
- python自学要多久 知乎-怎么自学python,大概要多久?
- 14行代码AC——习题5-4 交换学生(Foreign Exchange, UVa 10763)——解题报告
- Unknown column 'XXX' in 'where clause'一例排查
- /etc/fstab 文件配置项简单介绍
- 贝壳“进社区”,让商业向文明靠拢
- uncode移动后端云【www.uncode.cn】--简介
- StringBuffer 的 各种方法
- Python入门基础教程(非常详细)
- 【无限互联】学员作品:搜狐新闻iOS客户端
- 微信营销十一(微信公众号吸粉技巧)
- 常识——多台电脑共用一套键鼠
- SpringBoot自动装配的魔力
- java+sql宿舍管理系统
- 懒人神器,IDEA插件之EasyCode,自动生成CRUD代码
- Elasticsearch:sniffing 的最佳实践:What, when, why, how
- 自然语言处理--模仿莎士比亚风格自动生成诗歌
- 树莓派4B安装Ubuntu Mate20.04
- Android 仿淘宝详情视频图片混合轮播
- Linux 如何设置当前时间
- 企业微信如何使用「文件管理」?