css 圆点样式优惠券样子

css

.tax-split {position: absolute;height: 130px;width: 1px;left: 80%;top: 0;
}.tax-split .line {border-right: 1px dotted #FFCDCD;opacity: 0.7;width: 100%;height: 100%;
}.tax-split:after,
.tax-split:before {content: "";position: absolute;width: 10px;height: 10px;background: #fff;border-radius: 50%;left: -4px;
}.tax-split:after {bottom: -5px
}.tax-split:before {top: -5px
}.con {width: 300px;height: 130px;background: #f00;position: relative;border-radius: 6px;
}

html

<div class="con"><div class="tax-split "><div class="line" style="border-color:#FFFFFF;"></div></div></div>

效果

css 圆点样式优惠券样子相关推荐

CSS -- CSS字体样式、文本样式、去掉列表的小圆点、背景、背景渐变
1. CSS字体样式.文本样式.去掉列表的小圆点.背景.背景渐变 1.1字体样式字体样式 font-family 字体(可以添加2种字体,一种针对中文,一种针对英文) font-size 字体大小( ...
【CSS】画优惠券锯齿边框样式
红色左右锯齿样式: <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
css伪元素实现小圆点样式——css基础积累
最近在做后台管理系统,遇到一个需求,需要在菜单中添加一个小圆点样式.此时可以通过css伪元素样式来实现. .parent-node {font-size: 14px;color:#999999;&am ...
海量数据预处理实战----CSS网页样式
目录 CSS网页样式--选择器实验目的实验原理实验步骤 CSS引入方式和优先级实验总结 CSS网页样式--常用样式实验目的实验原理 1.文本样式 2.文字样式 3.链接样式 ...
从Chrome中的css自定义样式按钮中删除蓝色边框
本文翻译自:Remove blue border from css custom-styled button in Chrome I'm working on a web page, and I wa ...
网页css样式中英对照,css中文样式(含中英文对照表).doc
css中文样式(含中英文对照表) CSS学习网站: /css/css_reference.asp / /thread-265-1-1.html 1.[类型]主要针对网页中的文本 [背景]是在网页的元素 ...
css 字体样式设置大全
css样式大全(整理版) 字体属性:(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到,只要用数值就可以,单位:PX.PD 样式 {fo ...
css常用样式（文字样式、边框样式、背景样式）
CSS常用样式 CSS常用文字样式 color: brown; /*文字颜色*/ /*color: #333333;这样的也可以,这种颜色的表示方法是RGB的方式,没两位数表示一种颜色的度数, 一般情 ...
html消除按钮边框,在Chrome中从css自定义样式按钮中删除蓝色边框
在Chrome中从css自定义样式按钮中删除蓝色边框我正在做一个网页,我想要定制样式标签.因此,对于CSS,我说:border: none..现在它在Safari中运行得很好,但是在Chrome中, ...

css 圆点样式优惠券样子

css 圆点样式优惠券样子

css

html

效果

css 圆点样式优惠券样子相关推荐

最新文章

热门文章

css 圆点样式 优惠券样子

css 圆点样式 优惠券样子

css

html

效果

css 圆点样式 优惠券样子相关推荐

最新文章

热门文章

css 圆点样式优惠券样子

css 圆点样式优惠券样子

css 圆点样式优惠券样子相关推荐