Menambahkan CSS 2

Halo! Di sini saya akan membahas tentang CSS juga, namun lebih banyak lagi.
Catatan: Disini saya menggunakan codepen jadi src yang saya gunakan adalah foto yang berada di situs online. Untuk sublime text, notepad, dan sebagainya, cukup isi kolom src dengan lokasi foto yang ingin anda gunakan.

Contoh embed image di CSS

See the Pen yLBaEYa by Ayulia (@arreh_au) on CodePen.

img.panda pada koding diatas berarti kita mengatur image dengan panda sebagai pengidentifikasinya. Ada juga fungsi float untuk letak gambar.

Contoh External image. CSS nya berada di CSS yang berbeda

catatan: Disini saya menggunakan codepen. Jika ingin menggunakan CSS yang berada di file lain, cukup tambahkan :
 <link rel="stylesheet" type="text/css" href="">
Lalu isi href dengan lokasi css yang ingin digunakan

See the Pen MWgjXEo by Ayulia (@arreh_au) on CodePen.

Kita juga bisa membut border untuk gambar seperti kodingan di atas

Contoh inline CSS dalam menerapkan gambar background

See the Pen PoYGaaq by Ayulia (@arreh_au) on CodePen.

Jika ingin membuat background yang sesuai dengan halaman web, kita bisa mengubah background size menjadi cover seperti koding di atas.

Contoh embed CSS dalam menerapkan background

See the Pen xxKEJBG by Ayulia (@arreh_au) on CodePen.

Shadow dan ukuran gambar juga bisa diatur seperti code diatas

Contoh embed CSS dengan mengatur pengaturan gambar

See the Pen qBWaMRR by Ayulia (@arreh_au) on CodePen.

Jika anda ingin background tidak diulang-ulang bisa menggunakan no repeat. Dan jika ingin mengatur arah image yang di repeat bisa ditambahkan posisinya. Misalnya x atau y

Contoh embed video

See the Pen mdbrzba by Ayulia (@arreh_au) on CodePen.

Maaf karena saya tidak bisa memposting video, maka dari itu, inilah hasilnya:

Contoh embed video yang berasal dari Youtube

See the Pen eYOdPZW by Ayulia (@arreh_au) on CodePen.

iframe fungsinya adalah untuk menampilkan halaman sebuah website secara langsung.

Contoh embed table border

See the Pen bGbwmRV by Ayulia (@arreh_au) on CodePen.

Contoh Tabel dengan CSS 1

See the Pen XWrjxzV by Ayulia (@arreh_au) on CodePen.

Contoh Tabel dengan CSS 2

See the Pen mdbrzpN by Ayulia (@arreh_au) on CodePen.

Contoh Tabel dengan CSS 3

See the Pen pozExVP by Ayulia (@arreh_au) on CodePen.

Dan ini adalah coding akhir saya, isinya tabel

See the Pen ZEzBbgZ by Ayulia (@arreh_au) on CodePen.