practice

　　　　

<html>
<meta charset="utf-8">

<style>
.ペダル_バーティカル_01 img{position:absolute;
left:68px;
top:174px;
width:1px;
height:10px;
z-index:10;}
.ペダル_ホリゾンタル_01 img{position:absolute;
left:68px;
top:183px;
width:57px;
height:1.2px;
z-index:20;}
.ペダル_センター_01 img{position:absolute;
left:124px;
top:174px;
width:10px;
height:10px;
z-index:20;}
.ペダル_ホリゾンタル_02 img{position:absolute;
left:133px;
top:183px;
width:64px;
height:1px;
z-index:20;}
.ペダル_センター_02 img{position:absolute;
left:196px;
top:174px;
width:10px;
height:10px;
z-index:20;}
.ペダル_ホリゾンタル_03 img{position:absolute;
left:205px;
top:183px;
width:106px;
height:1px;
z-index:20;}
.ペダル_バーティカル_02 img{position:absolute;
left:310px;
top:174px;
width:1px;
height:10px;
z-index:10;}
</style>

<div class="楽譜">
M:
%%staves{1 2}
V:1
V:2
[V:1]c4c4|g4g4|]
[V:2]C4C4|B,4B,4|]
</div>

<span class="ペダル_バーティカル_01"><img src="pedal_v.png"></span>
<span class="ペダル_ホリゾンタル_01"><img src="pedal_h.png"></span>
<span class="ペダル_センター_01"><img src="pedal_center.png"></span>
<span class="ペダル_ホリゾンタル_02"><img src="pedal_h.png"></span>
<span class="ペダル_センター_02"><img src="pedal_center.png"></span>
<span class="ペダル_ホリゾンタル_03"><img src="pedal_h.png"></span>
<span class="ペダル_バーティカル_02"><img src="pedal_v.png"></span>

<script src="abcjs_notation.js"></script>

</html>