写真枠の作り方

１．実物のjpg　0.jpg
　
２．真ん中を反転して中身を切り取る　1.jpg
>


３．1.jpgの真ん中に、筆を柄って色つける青い色部分を透明にする　2.jpg


４．色の部分をクリックして選択後、反転して中身を透明にするー3.gif


５．a.html と test_style.cssを作成

 test_style.cssの中で位置を上下して決める。

------------------------------
a.html＝＝＝＝＝

------------------------------





















 





完成品


------------------------------
test_style22.css
------------------------------
@charset "UTF-8";
/*屯田兵の子のの字をブルー色にする*/
h1{
color:blue;
font-size:250%;
}

h3{
color:blue;
font-size:200%;
}



.imag-1{
 position:relative;
 margin-left:15px;
 margin-top:-50px; 
}


.imag-2{
    position:relative;
 left:15px; 
 top:-150px;
   
}

*先頭に着く・をnone命令で取り除く*/
ul{
list-style-type:none;
margin:20px ;
}
６．サーバーにアップする。