あまあど

「CSSで指定」で出力されるタグとCSSの設定例

出力レイアウトを「CSSで指定」に設定している場合に出力されているタグとCSSの設定例です。

出力サンプル

出力されているソースコード

	

		

			
				
Amazonギフト券 Eメールタイプ - Amazonベーシック
			
		
		

			
				
Fire TV Stick - Alexa対応音声認識リモコン付属
			
		
		

			
				
Amazonギフト券 ボックスタイプ -  金額指定可(カップケーキ)
			
		
		

			
				
Fire HD 10 タブレット ブラック (10インチHDディスプレイ) 32GB
			
		
	

※ダブルクリックで全選択されます

CSSの設定例

.amad ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.amad ul li {
	border: 2px solid #dc6000;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 3px;
	margin-bottom: 3px;
}

.amad ul li a {
	background-position: 50% 50%;
	background-size: cover;
	color: #ffffff;
	display: block;
	position: relative;
	width: 156px;
	height: 156px;
}

.amad .aTitle {
	background: rgb(220, 96, 0);
	background: rgba(220, 96, 0, 0.8);
	bottom: 0;
	overflow: hidden;
	padding: 3px;
	position: absolute;
	text-overflow:ellipsis;
	width: 150px;
	height:30px;
}

※ダブルクリックで全選択されます