箇条書きの記号をスライドさせるためのCSS

itemization03

以下のCSSを追加し、

ul.slide li {
background-image: url(http://asazuki.net/design/wp-content/uploads/2011/06/triangle01.png);
background-position: left center;
background-repeat: no-repeat;
padding-left: 15px;
list-style: none;
}
ul.slide li:hover {
background-position: 5px center;
}

記事に以下の記述をすると、

<ul class="slide">
	<li>箇条書き</li>
	<li>箇条書き</li>
	<li>箇条書き</li>
</ul>

箇条書きの記号がなめらかにスライドします。

itemization03

投稿者: comemo

WordPress.com での記事の作成方法など

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

<span>%d</span>人のブロガーが「いいね」をつけました。