css 样式设计
这个当点击的时候怎么设计这个箭头样式。
神不在的星期二浏览 451回答 3
3回答
-
子衿沉夜
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style> .item { background-color: deepskyblue; margin-bottom: 8px; width:160px; position: relative; height:40px; line-height: 40px; } .item::after { content: ''; position: absolute; left:100%; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid deepskyblue; } </style></head><body><ul style="list-style: none;"> <li class="item">2+2双学士本科项目</li> <li class="item">1+1双学士学位</li></ul></body></html> -
温温酱
在这个DIV里用伪元素的border画三角形然后定位就行。演示demo -
MMTTMM
矩形+三角形 三角形用border做
随时随地看视频慕课网APP
相关分类
JavaScript