原创 011文字對齊小技巧

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> 用 戶 名: <input

原创 020display

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>display</title> <style> div{ display: non

原创 025參考點

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>參考點</title> <style> #f{ position: relativ

原创 017子代選擇器後代選擇器

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>選擇器</title> <style> #box div{ color: blue

原创 005電子時鐘

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> span{

原创 前端菜鳥們的翻車日記——學JS的第一天

今天做的JS實現計算器老二:if後忘記加大括弧老三:<td>寫成<tb>老四:copy網上代碼不認真看 沒改id名稱老五:22*3或33*2都能算出666翻車原因:至今無解。

原创 027logo

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>logo</title> <style> #logo{ display: bloc

原创 026背景

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; pa

原创 019表單提交方式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表單提交方式</title> </head> <body> <form action="ht

原创 023W3Cschool導航

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>導航</title> <style> *{margin: 0;padding: 0;}

原创 012對聯廣告

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>對聯廣告</title> <style> #main{ width: 1000px

原创 018行內元素

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行內元素</title> <style> div{ width: 200px; h

原创 022ul_li

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ul li</title> <style> ul{ background: red

原创 010水平居中

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平居中</title> <style> *{ margin:0; } b

原创 014四角定位

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>四角定位</title> <style> div{ width: 100px;