Thêm hình mũi tên xuống đơn giản để thả xuống các menu

Question

Tôi có một trang web nơi các tiêu đề trình đơn nhất định được thả xuống (css)

Tôi muốn thêm một mũi tên nhỏ hướng xuống trên các tiêu đề trình đơn nhất định có thể thả xuống. Bất cứ ai có thể cho tôi bất kỳ ý tưởng làm thế nào để làm như vậy.

Cảm ơn

Answer 1

Chỉ cần sử dụng nhân vật này: http://www.fileformat.info/info/unicode/char/25bc/index.htm

▼ - ▼ 

Answer 2

Hoặc có thể bạn có thể sử dụng hình ảnh của mũi tên trỏ xuống.

Answer 3

Hãy thử mã sau để thêm mũi tên, tùy chỉnh chiều cao và chiều rộng và vị trí cho mũi tên theo nhu cầu của bạn.

li.has_child:after { 
     content: ''; 
     position: absolute; 
     border: 7px solid transparent; 
     /* This will set the direction of the arrow.*/ 
     border-top: 7px solid white; 
      top: 34px; 
     margin-left: 5px; 

    } 

Answer 4

Nếu bạn đang sử dụng bootstrap, bạn có thể làm như sau:

<span class="caret"></span> 

này sẽ chèn một mũi tên nhỏ xuống bất cứ nơi nào nhịp được đặt.

Answer 5

a:after{ 
    content: ''; 
    border: 4px solid transparent; 
    border-top: 4px solid white; 
    margin-left: 2px; 
    margin-bottom: 3px; 
    display: inline-block; 
    vertical-align: bottom; 
} 

Tôi nghĩ đây là cách tốt nhất để làm điều đó, vì bạn có thể điều chỉnh đường viền cho độ dài và điều chỉnh 'đường viền đầu' cho chiều cao, cho bạn tùy chỉnh đầy đủ.

Answer 6

Nếu bạn đã tạo menu và, bạn muốn vào mũi tên không điền đen ở mũi tên thử mã này: (để: Mũi tên không điền bất kỳ màu nào)

∇ - ∇