2016-04-07 16 views
0

Ok gibi görünen madde işaretlerine sahip olmam gerekiyor. Bunlar, MS WordÖzel karakterler html'de nasıl kopyalanır?

'da sağlanır. HTML'de bunları nasıl kopyalarım?

enter image description here

ben html olarak kelime belgeyi kaydedin, ama html oldukça karmaşık yoktur. Bir html sayfasında bu özel karakterin bir şekilde daha kolay olması mümkün mü?

+0

Burada, http://stackoverflow.com/questions/1696619/displaying-unicode-symbols-in-html – kakurala

cevap

2

Sadece (png şeffaf bg nedeniyle tercih edilir) bir png/jpg görüntüye özel karakter yeniden oluşturmak ve list-style-image kullanarak görüntü ile mermi yerine böyle:

HTML:

<ul class=”abcd”> 
    <li>Some text here</li> 
    <li>Some more text here</li> 
    <li>Some more random text here</li> 
</ul> 

CSS:

ul.abcd { 
    list-style-image: url(‘/path-to-the-image-file/arrow.png’); 
} 

Ayrıca, görüntü boyutlarını buna göre ayarlayabilirsiniz.

-2

enter link description here Kullanım Unicode semboller 'Udddd':

[UnicodeArrowSymbols][1] 
+0

adresine gidin. Daha fazla bilgi: ** https: //en.m.wikipedia.org/wiki/Arrow_ (symbol) # Arrows_in_Unicode ** –

1

Vereceğim olan cevapları okumaktan nefret ediyorum, ama sorum şu, bu özel microsoft word bullet noktalarını neden istiyorsun?

Bununla birlikte, eğer daha genel ve sadece bir ok istiyorsanız, bu zaten yığın taşması için çok fazla cevap var. Bunun için bazı kod İşte How do I create a Unordered list in html with sub arrows?

oluyor: İşte

benzer bir cevap için bir bağlantı

HTML:

<ul class="arrow-list"> 
    <li>San Jaun</li> 
</ul> 

CSS: yerine Nihayet

ul.arrow-list { list-style:none; } 
ul.arrow-list li:before { 
    content: "\2192 \0020"; 
} 

, Yukarıdaki css’de görülen \ 1234 formatı, bunu herhangi biriyle değiştirebilirsiniz. Bu html kodları oklar için bu sayfada bulundu. http://character-code.com/arrows-html-codes.php

1

Word'de, standart yazı tiplerinin yerleşik bir listesi vardır; Bu, Wingdings'in ÜÇ-D ÜST-HAFİF DOĞRU OLARAK ARROWHEAD. , yazısını belirtebilir ve doğru karakter kodunu U+F0D8 girebilir, doğru karakter görürlerse web sayfası görüntüleyicisinin sistemine bağlı olacaktır. Yazı tipi kanatçıkları görüntüleyicinin sisteminde değilse, (muhtemelen) Ø gibi bir şey görürler - tamamen yanlış!

Hile değil belirli bir yazı tipini belirtin ve doğru Unicode karakterini kullanın. Bu ok, Unicode'nin List of Dingbat characters numaralı telefonunda U+27A2.

Bir Unicode karakteri kullanmak, bir yazı tipi belirtmeden, çoğu web tarayıcısının yazı tiplerini, karakteri içeren bir karakter için otomatik olarak taramasını sağlar.

ul { list-style: none; } 
li:before { content: "\27A2"; } 

ve bundan sonra, sizin tüm listeleri otomatik olarak istediğiniz oka sahip olacaktır: senin BB'de

, bunu kullanabilir.

Girintiyi ayarlama hakkında daha fazla seçenek için Custom bullet symbol for <li> elements in <ul> that is a regular character, and not an image'a bakın.