ホームページ >ウェブフロントエンド >htmlチュートリアル >シンプルプログレスバーのHTML CSS制作_HTML/Xhtml_Webページ制作

シンプルプログレスバーのHTML CSS制作_HTML/Xhtml_Webページ制作

WBOY
WBOYオリジナル
2016-05-16 16:39:441766ブラウズ

1. HTML コード

コードをコピーします
コードは次のとおりです:

経験値 :

2. CSS スタイル


コードをコピーしますコードは次のとおりです:
。 progress-bar, .progress -bar b{background: url("/images/ico.png") no-repeat スクロール 0 0; 表示: block;}
.progress-bar {background-position: 0 0;高さ: 15px;幅: 430px;}
.progress-bar b {background-position: 0 -17px; 高さ: 12px;}

添付ファイル:

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。