下拉箭头是我们经常用到的一个元素,它能够让网页的结构更加清晰。一般来说,下拉箭头是使用CSS来实现的。下面我们就来讲一下如何修改CSS下拉箭头。 首先,我们需要了解下拉箭头的CSS样式。下拉箭头的样式
.dropdown-arrow { position: relative; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.dropdown-arrow { position: relative; border: solid black; border-width: 0 4px 4px 0; display: inline-block; padding: 6px; transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.dropdown-arrow { position: relative; border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transition: border-width 0.3s; transform: rotate(45deg); -webkit-transform: rotate(45deg); } <br> .dropdown:hover .dropdown-arrow { border-width: 0 4px 4px 0; }
粉丝
0
关注
0
收藏
0