原创 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;