<html>
<head>
<title>css绘制条纹背景</title>
<link href="https://cdn.bootcss.com/vis/4.21.0/vis.min.css" rel="stylesheet">
<style type="text/css">
body {
margin: 0;
background: #ffffff;
}
.m-test{margin: 100px 0 0 100px; width: 201px; height: 100px;border-top: 1px solid #dddddd;}
.m-line{background-image: linear-gradient(0deg, #dddddd 1px, transparent 0),linear-gradient(90deg, #dddddd 1px, transparent 0);background-size: 100px 10px;}
</style>
</head>
<body>
<div class="m-test m-line"></div>
</body>
</html>
css绘制条纹背景 css画线 分割线 坐标线 栅格线
原创
©著作权归作者所有:来自51CTO博客作者徐同保的博客的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:css制作等腰三角形
下一篇:css禁止文字被选择
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
有趣的css - 背景收缩动画按钮
借助 css transition 属性绘制出一个背景收缩交互的一个按钮。
css ux/ui 交互设计 动效设计 动画按钮 -
有趣的css - 动态的毛玻璃背景
用css实现一个小清新的动态毛玻璃背景效果。
css 动效 动态毛玻璃背景 ui ux -
使用css3制作渐变分割线
背景,再将高设为分割线的高度
前端 ViewUI html .net 分割线 -
android listview分割线 安卓分割线
一种是在线性布局中天家虚线的图片一种是在3.0以后实现的在UI中配置 android:layout_width="match_parent"
android listview分割线 ide android 分隔线