Биржа копирайтинга Антиплагиат SEO-анализ текста Адвего Лингвист Проверка орфографии
— 
Работа в интернете Заказчику Магазин статей Сервис Партнёрская программа Форум Помощь и поддержка Создать заказ
Адвего
Форум
Все форумы
Адвего
Форум исполнителей

Форум исполнителей — Форум Адвего

боковая панель
Адвего / Форум исполнителей
DELETED
Как сделать маркированный список на цветном фоне?

Есть обычный маркированный список вида:

<ul>
<li>Первый пункт</li>
<li>Второй пункт</li>
<li>Третий пункт</li>
</ul>

Подскажите, что сюда нужно добавить, чтобы выделить список на странице сплошным цветным фоном

Нравится  0  /  Не нравится  0
Пожаловаться
Написал: DELETED , 31.07.2016 в 19:59
В форуме: Форум исполнителей
Комментариев: 5
Комментарии
irbritan
За  0  /  Против  0
Пожаловаться
irbritan  написала  31.07.2016 в 22:19
Если выделить шрифт цветом, то добавить код цвета. А вот если типа подложки под список, то добавлять надо не к списку, это надо разметить на самой странице.
#1  Ответить /Цитировать 

                

            		
        

    








            
                
	



    

        


            
                
Posterside


            
            
                

                    

                        
                          

                              
За  0  /  Против  0



                          

                        
                        


    Пожаловаться






                        

                            
                            
	
		Posterside
	

                           написал

                           31.07.2016 в 22:55
                            
                              
                            
                            
                            
                        


                        
                        

                        

                        

                            

                            
  

    
        Я вам сейчас покажу, но так делать неправильно:

<ul> 
<li><span style="background-color:#ff000 0">Первый пункт</span></li> 
<li><span style="background-color:#ff000 0">Второй пункт</span></li> 
<li><span style="background-color:#ff000 0">Третий пункт</span></li> 
</ul>

Чтобы увидеть результат, вставьте код здесь: [ссылки видны только авторизованным пользователям]

#ff0000 - код красного цвета, другие цвета: [ссылки видны только авторизованным пользователям]

Правильно же все делать через таюлицу стилей, т. е. все что сейчас задано в span атрибутом style, выносить в файл стилей.
    
  

  
  



                            
                            
                            

                        


                        

                        

                        

                            

                            
                                
                                #2 
                                
                            

                            

                            
                              
                                  Ответить
                                 /Цитировать
                              

                              
                            
                              

                              

                              
                              
                                
                                  
                                      /  
                                    

                                    
                                        Скрыть ветку
                                    
                                
                                
                            
                            
                        

                    

                    

                    

                

            		
        

    








            
                
	



    

        


            
                
Posterside


            
            
                

                    

                        
                          

                              
За  0  /  Против  0



                          

                        
                        


    Пожаловаться






                        

                            
                            
	
		Posterside
	

                           написал

                           31.07.2016 в 22:55
                            
                               в ответ на #2
                            
                            
                            
                        


                        
                        

                        

                        

                            

                            
  

    
        Пробелы уберите в коде - #ff000 0 - это Адвего вставляет.
    
  

  
  



                            
                            
                            

                        


                        

                        

                        

                            

                            
                                
                                #3 
                                
                            

                            

                            
                              
                                  Ответить
                                 /Цитировать
                              

                              
                            
                              

                              

                              
                              
                                
                                
                            
                            
                        

                    

                    

                    

                

            		
        

    








            
                
	



    

        


            
                
Posterside


            
            
                

                    

                        
                          

                              
За  0  /  Против  0



                          

                        
                        


    Пожаловаться






                        

                            
                            
	
		Posterside
	

                           написал

                           31.07.2016 в 22:56
                            
                              
                            
                            
                            
                        


                        
                        

                        

                        

                            

                            
  

    
        Ну и вариант с выделением всего списка:

<ul style="background-color:#ff000 0"> 
<li>Первый пункт</li> 
<li>Второй пункт</li> 
<li>Третий пункт</li> 
</ul>
    
  

  
  



                            
                            
                            

                        


                        

                        

                        

                            

                            
                                
                                #4 
                                
                            

                            

                            
                              
                                  Ответить
                                 /Цитировать
                              

                              
                            
                              

                              

                              
                              
                                
                                
                            
                            
                        

                    

                    

                    

                

            		
        

    








            
                
	



    

        


            
                
Ingusha55


            
            
                

                    

                        
                          

                              
За  0  /  Против  0



                          

                        
                        


    Пожаловаться






                        

                            
                            
	
		Ingusha55
	

                           написала

                           31.07.2016 в 22:57
                            
                              
                            
                            
                            
                        


                        
                        

                        

                        

                            

                            
  

    
        <style>
#abc {background-color: red;}
</style>
<div id="abc">
<ul > 
<li>Первый пункт</li> 
<li>Второй пункт</li> 
<li>Третий пункт</li> 
</ul> 
</div>
    
  

  
  



                            
                            
                            

                        


                        

                        

                        

                            

                            
                                
                                #5 
                                
                            

                            

                            
                              
                                  Ответить
                                 /Цитировать
                              

                              
                            
                              

                              

                              
                              
                                
                                
                            
                            
                        

                    

                    

                    

                

            		
        

    








            

        

        

            		
        













                    
                    
                         

                    
                
            
            
        



            
 
        

    


    

        

        

        ↑
    




    

    

      

        
      

      

        
      

      

        
      

      

        
      

    

  

  
  

    

        

            
        

        

            
        

        

            
        

        

            
        

    
   
  

  
    


        © Адвего — биржа контента №1. Копирайтинг, рерайтинг, переводы, работа на дому: поставщик уникального контента. 2024 
        
        


    
        
Здесь находится аттестат нашего WM идентификатора 378559979197



        


    
    


























































   Отправка жалобы...





  





    Спасибо, ваша жалоба принята




    Вы уже жаловались




    Публикация комментариев и создание новых тем на форуме Адвего для текущего аккаунта ограничено.
 Подробная информация и связь с администрацией: https://advego.com/v2/support/ban/forum/1186




  Жаловаться можно только на чужой комментарий



Избранное 



    
Добавить в избранное

    

        

            Имя

            
        

        

            URL

            
https://advego.com/blog/read/author/3073949/

            
        

		

			Добавить
			Закрыть