CSS Generator Menu Tools

       
reset
Code

Border more border tool here

px
 


 

Border Radius more border radius tool here

px
 

px
px
px
px

 

Background




keyword  
% (percent)  
px (pixel)

%
%
px
px

 

Text Shadow

 

Add more [+]

 

Gradient more gradient tool here

px px
% %



Add Stopper [+]

 

Transform





 



 

Transition


 

Image Filter

 

Animation

 


function

 

CSS Border style property is to create boder color, size and shape type around HTML element.



Cara menggunakan kode CSS

Kode CSS memungkinkan untuk mengatur gaya ke elemen HTML. Ada beberapa jenis properti CSS yang tersedia untuk menata elemen HTML.

Silahkan baca selengkapnya di: https://my-id.site/tutorial-dasar-css/


3 Cara menempatkan kode CSS ke dalam elemen HTML

1. External - menggunakan <link> untuk memanggil eksternal file CSS ke dalam elemen <head>
<link rel='stylesheet' href='http://sourcepath/../filename.css' />
2. Internal - CSS dituliskan diantara tag <style> di dalam elemen <head>
<style> 
/* Tulis kode CSS Anda disini */
</style>
3. Inline - kode CSS ditulis langsung pada atribut elemen HTML yang di perlukan.
<div style='color:red'> CSS ditulis langsung dalam tag DIV elemen HTML </div>