用CSS样式写选择框右侧小三角
本文转载于:猿2048网站用CSS样式写选择框右侧小三角
直接上代码!
<!DOCTYPE html>
<html lang="en">
<head>
<title>小三角</title>
<style>
.up-triangle{
width:0px;
height:0px;
border-bottom:30px solid #000;
border-left:15px solid transparent;
border-right:15px solid transparent;
margin:100px auto;
}
.down-triangle{
width:0px;
height:0px;
border-top:30px solid #000;
border-left:15px solid transparent;
border-right:15px solid transparent;
margin:100px auto;
}
.left-triangle{
width:0px;
height:0px;
border-right:30px solid #000;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
margin:100px auto;
}
.right-triangle{
width:0px;
height:0px;
border-left:30px solid #000;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
margin:100px auto;
}
</style>
</head>
<body>
<div class="up-triangle"></div>
<div class="down-triangle"></div>
<div class="left-triangle"></div>
<div class="right-triangle"></div>
</body>
</html>
- css样式(二)(伪类 | 伪元素 | 导航 | 图像拼合 | 属性选择器 )
- HBuilder MUI 标题栏 图标居于左侧和右侧的css样式
- 去掉select右侧倒三角
- android中百度定位、城市选择列表,右侧字母展示
- SideBar 选择城市时右侧边上的 选择bar
- CSS样式选择器优先级
- 核心功能为使用for循环输出用“*”表达的等腰三角、菱形。程序首先有欢迎界面,内容应包含程序作者(姓名、学号),并提示用户选择“1.输出等腰三角形;2.输出菱形3.退出程序。”,根据用户输入的选择,运
- Android右侧边栏滚动选择
- CSS——(CSS样式规则,CSS样式表单,选择器,常用的CSS属性)
- vue 根据不同的情况选择不同的css样式
- 表单特效-点击左侧选项选入右侧选择框
- jquery实现右侧栏菜单选择操作
- css样式选择器优先级
- CSS样式选择
- 输出正三角,倒三角,菱形,选择数字结束操作
- 当右侧打开多个文件时,选择一个时,要自动把左侧项目树里的文件也选中
- #学习笔记#(14)select隐藏右侧三角&鼠标移入展开-jQuery
- BootSideMenu右侧栏弹出框,在弹出框选择数据之后直接填充到input中
- select清除右侧的小三角
- CSS样式(一)——样式方法、选择器