Мобильный LiveInternet Аудиоплеер HTML5 с бордюром и без , но с эффектом углубления | ЗИТТА - А ведь ты тоже был когда-то «чайник»! Дневник Зитта |

Авторизация

Дневник ЗИТТА Лента друзей - Дневник - Полная версия

Аудиоплеер HTML5 с бордюром и без , но с эффектом углубления 23-01-2026 19:32 к комментариям - к полной версии - понравилось!

Это цитата сообщения Vlada_Glinskaya Оригинальное сообщение

Аудиоплеер HTML5 с бордюром и без , но с эффектом углубления

           HTML5 аудиоплеер с бордюром + коды

	<audio controls="controls" src="Адрес mp3" style="width: 300px; height: 10px; border:5px solid #; padding:8px; background:#f2f3f5; border-radius:6px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>
	<audio controls="controls" src="МУЗЫКА" style="width: 300px; height: 10px; border:3px solid #dd74d3; padding:10px; background:#f2f3f5; border-radius:10px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>
	<audio controls="controls" src="МУЗЫКА" style="width: 300px; height: 10px; border:3px dotted #dd74d3; padding:10px; background:#f2f3f5; border-radius:10px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>
Бордюр из картинки
	<div style="border solid:5px; width:316px; height:26px; padding:3px; background-image: url('Адрес фона картинки обводки'); border-radius:8px;"> <audio controls="controls" src="Адрес mp3" style="width: 300px; height: 10px; border:5px solid #; padding:8px; background:#f2f3f5; border-radius:6px; box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #00000; box-shadow:inset 0 0 10px #00000; "></audio>

Если изменить значение padding 3px на 5px, то обводка увеличится

вверх^ к полной версии понравилось! в evernote

Вы сейчас не можете прокомментировать это сообщение.

Дневник Аудиоплеер HTML5 с бордюром и без , но с эффектом углубления | ЗИТТА - А ведь ты тоже был когда-то «чайник»! Дневник Зитта | Лента друзей ЗИТТА / Полная версия Добавить в друзья Страницы: раньше»