首页 > 教程 > 网页特效源码 > 网页css

    收藏

    自定义 border（dashed）虚线的间距
    2024-02-05网页css49℃
    广告
    核心提示：自定义 border（dashed）虚线的间距 效果展示代码展示!DOCTYPE htmlhtml lang="zh-CN"headmeta charset="UTF-8" /titleDocument/titlestylebody{background: #000;display: flex;align-items: center;justify-content: center;}div{margin-top: 100px;width: 300px;height:

    自定义 border（dashed）虚线的间距  效果展示 



     代码展示 

    <!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>document</title>
	<style>
		body{
			background: #000;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		div{
			margin-top: 100px;
			width: 300px;
			height: 2px;
			background: linear-gradient(to right, transparent 0%, transparent 50%,#CCC 50%,#CCC 100%);
			background-size: 15px 1px;
			background-repeat: repeat-x;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>

 
  • 文本链接：https://mbtxw.com/Course/show.php?itemid=177
  • 文章来源：模版天下网
  • 版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。

更多>同类教程

• css不规则矩形阴影模拟纸张折页角效果 • css中文字两端对齐兼容IE
• css文字自动换行 • css实现文字两端对齐
• CSS3自定义滚动条样式 -webkit-scrollbar • 在css中使用display: flex;时两头对齐，上下居
• html页面上指定div慢慢旋转180度，并定在180度 • 手机版上的弹窗html、css、js
• 在css中使用outline圆角效果 • CSS高度铺满全屏的方法
0 条相关评论

更多>热门下载

热门图文

热门标签

热门教程

    QQ交流群

    模板天下网QQ群

  • 欢迎DT爱好者加群学习交流：68503649

    联系关注

  • MBTXW.COM腾讯微博
  • 536205792QQ号
  • 68503649加QQ群
  • 536205792@qq.com客服邮箱

联系方式

联系站长
关注模板模板
移动WAP端 模板模板
微信二维码 模板模板
QQ二维码 模板模板
友情链接：
免费HTTPS证书
DT模板网
黄页演示站
旌标网络