博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html 上下移动箭头,css上下左右箭头
阅读量:7024 次
发布时间:2019-06-28

本文共 751 字,大约阅读时间需要 2 分钟。

Document

width: 260px;

height: 200px;

border: 1px solid #999;

padding: 20px;

box-sizing: border-box;

display: flex;

}

.top_arrows {

width: 20px;

height: 20px;

border-top: 1px solid #c3c8d6;

border-right: 1px solid #c3c8d6;

transform: rotate(-45deg);

margin-right:30px;

margin-top: 6px;

}

.bottom_arrows {

width: 20px;

height: 20px;

border-top: 1px solid #c3c8d6;

border-right: 1px solid #c3c8d6;

transform: rotate(135deg);

margin-right:30px;

margin-top: -6px;

}

.left_arrows {

width: 20px;

height: 20px;

border-top: 1px solid #c3c8d6;

border-right: 1px solid #c3c8d6;

transform: rotate(-135deg);

margin-right:10px;

}

.right_arrows {

width: 20px;

height: 20px;

border-top: 1px solid #c3c8d6;

border-right: 1px solid #c3c8d6;

transform: rotate(45deg);

}

转载地址:http://uysxl.baihongyu.com/

你可能感兴趣的文章
数字转换大写人民币的delphi实现
查看>>
pinpoint本地开发-web模块
查看>>
开源的asp.net工作流程引擎。 http://ccflow.org
查看>>
数据库表的命名规范
查看>>
CSS Notes
查看>>
ios-->邮件发送
查看>>
Kafka之Linux下安装
查看>>
火狐 XPI
查看>>
js字符串
查看>>
WebLogic中的一些基本概念
查看>>
一篇完全不正确的网络流总结大杂烩
查看>>
多项式&生成函数(~~乱讲~~)
查看>>
UIView-图层方法
查看>>
struts2标签库
查看>>
查找表中多余的重复记录(多个字段)
查看>>
ES6学习之Babel的正确安装姿势
查看>>
crossplatform---Nodejs in Visual Studio Code 07.学习Oracle
查看>>
BZOJ3997 [TJOI2015]组合数学
查看>>
字符串的输入输出处理
查看>>
C# WinForm 禁止最大化、最小化、双击标题栏、双击图标等操作
查看>>