Paano gumawa: Anyo ng aparato
- 上一页 显示/强制显示滚动条
- 下一页 可编辑内容的边框
Pag-aralan kung paano gumawa ng iba't ibang anyo ng aparato sa CSS (smartphone, tablet at laptop).
设备
- 上一页 显示/强制显示滚动条
- 下一页 可编辑内容的边框
Schedule Treasure Box
Menu
- Icon Bar
- Menu Icon
- Accordion
- Tabs
- Vertical Tabs
- Tab Title
- Full Page Tabs
- Hover Tabs
- Top Navigation
- Responsive Top Navigation
- Split Navigation
- Navigational Bar with Icons
- Search Menu
- Search Bar
- Fixed Sidebar
- Side Navigation
- Responsive Sidebar
- Fullscreen Navigation
- Canvas Outside Menu
- Hover Sidebar Navigation Button
- Sidebar with Icons
- Horizontal Scrolling Menu
- Vertical Menu
- Footer Navigation
- Responsive Footer Navigation
- Bottom Border Navigation Link
- Right-Aligned Menu Link
- Centered Menu Link
- Equal Width Menu Link
- Fixed Menu
- Slide Down Sidebar on Scroll
- Hide Navigation Bar on Scroll
- Resize Navigation Bar on Scroll
- Sticky Navigation Bar
- Navigation Bar on Image
- Hover Dropdown Menu
- Single Click Dropdown Menu
- Cascading Dropdown Menu
- Dropdown Menu in Top Navigation Bar
- Dropdown Menu in Sidebar Navigation
- Responsive Navigation Bar with Dropdown Menu
- Sub Navigation Menu
- Pull-Down Menu
- Super Menu
- Mobile Menu
- Curtain Menu
- Collapsible Sidebar
- Collapsible Sidebar Panel
- Pagination
- Breadcrumb Navigation
- Button Group
- Vertical Button Group
- Sticky Social Bar
- Pill Navigation
- Responsive Page Header
Image
- Slideshow
- Slideshow Gallery
- Modal Image
- Lightbox
- Responsive Image Grid
- Image Grid
- Image Gallery
- Scrollable Image Gallery
- Tabbed Image Gallery
- Image Overlay Fade Out
- Image Overlay Slide
- Image Overlay Zoom
- Image Overlay Title
- Image Overlay Icon
- Image Effect
- Black and White Image
- Image Text
- Image Text Block
- Transparent Image Text
- Full Page Image
- Form on Image
- Focus Image
- Blur Background Image
- Change Background on Scroll
- Side-by-Side Images
- Rounded Image
- Avatar Image
- Responsive Image
- Centered Image
- Thumbnail
- Image Border
- Team Introduction
- Sticky Image
- Flip Image
- Shaking Image
- Portfolio Gallery
- Filterable Portfolio
- Image Zoom
- Image Magnifier
- Image Comparison Slider
- Website Icon
Button
- Warning Button
- Outline Button
- Split Button
- Animated Button
- Gradient Button
- Button on Image
- Social Media Button
- Read More/Read Less
- Load Button
- Download Button
- Pill Button
- Notification Button
- Icon Button
- Next/Previous Page Button
- More Button in Navigation
- Block Button
- Text Button
- Rounded Button
- Back to Top Button
Form
- Login Form
- Registration Form
- Checkout Table
- Contact Form
- Social Login Table
- Registration Form
- Icon Form
- News Subscription
- Stacked Form
- Responsive Form
- Popup Form
- Inline Form
- Clear Input Box
- Hide Number Arrow
- Copy Text to Clipboard
- Animated Search
- Search Button
- Full Screen Search
- Input Box in Navigation Bar
- Login Form in Navigation Bar
- Custom Checkbox/Radio Button
- Custom Dropdown
- Toggle Switch
- Select Checkbox
- Detect Caps Lock
- Trigger Button with Enter Key
- Password Validation
- Toggle Password Visibility
- Multi-Step Form
- AutoComplete
- Turn Off AutoComplete
- Turn Off Spell Check
- File Upload Button
- Empty Input Validation
Filter
Table
- Zebra Strip Table
- Centered Table
- Full Width Table
- Nested Table
- List Table
- Responsive Table
- Hindi magkapareho na talaan
Higit pa
- Full-screen video
- Modal
- Tanggalin ang modal
- Timeline
- Indicator ng scrolling
- Progress bar
- Skill bar
- Slider ng hanay
- Selector ng kulay
- Lugar ng email
- Tooltip
- Ipakita ang elemento sa hover
- Pop-up window
- Nakakalitaw na nilalaman
- Kalendaryo
- HTML na naglalaman
- Listahan ng dapat gawin
- Loader
- Medalyon
- Rating ng bituin
- Rating ng user
- Epekto ng pagkakalagay
- Chip ng kontak
- Card
- Card na gumigiling
- Card ng profile
- Card ng produkto
- Warning
- Box na nagpapa-alalahanin
- Tala
- Tag
- Tapis
- Cloud tag
- Lupon
- Stylized horizontal line
- Kupon
- Listahan ng grupo
- Listahan ng grupo na may sinyal
- Listahan na walang bilang na pangakda
- Responsive text
- Teksto ng silhouette
- Lumilumag na teksto
- Fixed footer
- Sticky element
- Tuluyang taas
- Huwag maisanib
- Responsive float
- Notification bar
- Full-screen window
- Scrolling drawing
- Smooth scrolling
- Background na gumagalaw sa gradient
- Sticky header
- I-bawasan ang header kapag gumagalaw
- Price table
- Parallax scrolling
- Asyong laki at taas
- Responsive inline frame
- Palitan ang magustuhan/hindi magustuhan
- Palitan ang nakakitaan/na hindi nakakitaan
- Palitan ang dark mode
- Palitan ang teksto
- Palitan ang klase
- Magdagdag ng klase
- Tanggalin ang klase
- Palitan ang klase
- Kasalukuyang klase
- Talaan ng puno
- Tanggalin ang decimal
- Tanggalin ang attribute
- Detekta na offline
- Hanapin ang nakatagong elemento
- I-reDirect ang pahina
- Format ng numero
- Zoom sa hover
- Bawasan na kahon
- Tuluyan na pagkakatama
- Tuluyan na button sa DIV
- Tuluyan na listahan
- Transisyon ng hover
- Pangalakal
- hugis
- Download link
- Elemento na buong taas
- Window ng browser
- Custom scrollbar
- Itago ang scrollbar
- 显示/强制显示滚动条
- Anyo ng aparato
- 可编辑内容的边框
- Kulay ng placeholder
- Ibawain ang pagpili ng sukat ng teksto area
- Ibawain ang pagpili ng teksto
- Kulay ng piling teksto
- Kulay ng bilang na pangakda
- Pagkakasunog
- Linya
- Linya ng teksto
- Icon na gumagalaw
- Countdown timer
- Efekto ng typewriter
- Hilingin ang pahina na malalaman
- Chat message
- Pop-up chat window
- Paghihiwalay ng pahina
- Pahayag ng mamimili
- Bilang na may block
- Slayder ng pahayag
- Makakalitaw na listahan
- Tipikal na breakpoint ng aparato
- HTML na elemento na maaaring ililipat
- JS ay gumagalaw sa media query
- Tagapagbigay-bahagi ng pangungusap
- JS ay gumagalaw sa animation
- JS ay gumagalaw sa haba ng string
- JS ay gumagalaw sa pagtutugma ng eksponente
- JS ay gumagalaw sa default na argumento
- JS ay gumagalaw sa random na numero
- JS ay gumagalaw sa pagtatala ng numerong array
- JS ay gumagalaw sa pagsasapilitan
- JS ay gumagalaw sa panoorin
- Kakuha ng kasalukuyang petsa
- Kakuha ng kasalukuyang URL
- Kakuha ng kasalukuyang laki ng screen
- Kakuha ng iframe na elemento
Grid
- Dalawang kolom na layout
- Tatlong kolom na layout
- Apat na kolom na layout
- Extendido na grid
- Listahan ng grid na panonood
- Hibog na kolom
- Linya ng post
- Zigzag layout
- Lay-out ng blog
Converter
Treasure Box
Menu
- Icon Bar
- Menu Icon
- Accordion
- Tabs
- Vertical Tabs
- Tab Title
- Full Page Tabs
- Hover Tabs
- Top Navigation
- Responsive Top Navigation
- Split Navigation
- Navigational Bar with Icons
- Search Menu
- Search Bar
- Fixed Sidebar
- Side Navigation
- Responsive Sidebar
- Fullscreen Navigation
- Canvas Outside Menu
- Hover Sidebar Navigation Button
- Sidebar with Icons
- Horizontal Scrolling Menu
- Vertical Menu
- Footer Navigation
- Responsive Footer Navigation
- Bottom Border Navigation Link
- Right-Aligned Menu Link
- Centered Menu Link
- Equal Width Menu Link
- Fixed Menu
- Slide Down Sidebar on Scroll
- Hide Navigation Bar on Scroll
- Resize Navigation Bar on Scroll
- Sticky Navigation Bar
- Navigation Bar on Image
- Hover Dropdown Menu
- Single Click Dropdown Menu
- Cascading Dropdown Menu
- Dropdown Menu in Top Navigation Bar
- Dropdown Menu in Sidebar Navigation
- Responsive Navigation Bar with Dropdown Menu
- Sub Navigation Menu
- Pull-Down Menu
- Super Menu
- Mobile Menu
- Curtain Menu
- Collapsible Sidebar
- Collapsible Sidebar Panel
- Pagination
- Breadcrumb Navigation
- Button Group
- Vertical Button Group
- Sticky Social Bar
- Pill Navigation
- Responsive Page Header
Image
- Slideshow
- Slideshow Gallery
- Modal Image
- Lightbox
- Responsive Image Grid
- Image Grid
- Image Gallery
- Scrollable Image Gallery
- Tabbed Image Gallery
- Image Overlay Fade Out
- Image Overlay Slide
- Image Overlay Zoom
- Image Overlay Title
- Image Overlay Icon
- Image Effect
- Black and White Image
- Image Text
- Image Text Block
- Transparent Image Text
- Full Page Image
- Form on Image
- Focus Image
- Blur Background Image
- Change Background on Scroll
- Side-by-Side Images
- Rounded Image
- Avatar Image
- Responsive Image
- Centered Image
- Thumbnail
- Image Border
- Team Introduction
- Sticky Image
- Flip Image
- Shaking Image
- Portfolio Gallery
- Filterable Portfolio
- Image Zoom
- Image Magnifier
- Image Comparison Slider
- Website Icon
Button
- Warning Button
- Outline Button
- Split Button
- Animated Button
- Gradient Button
- Button on Image
- Social Media Button
- Read More/Read Less
- Load Button
- Download Button
- Pill Button
- Notification Button
- Icon Button
- Next/Previous Page Button
- More Button in Navigation
- Block Button
- Text Button
- Rounded Button
- Back to Top Button
Form
- Login Form
- Registration Form
- Checkout Table
- Contact Form
- Social Login Table
- Registration Form
- Icon Form
- News Subscription
- Stacked Form
- Responsive Form
- Popup Form
- Inline Form
- Clear Input Box
- Hide Number Arrow
- Copy Text to Clipboard
- Animated Search
- Search Button
- Full Screen Search
- Input Box in Navigation Bar
- Login Form in Navigation Bar
- Custom Checkbox/Radio Button
- Custom Dropdown
- Toggle Switch
- Select Checkbox
- Detect Caps Lock
- Trigger Button with Enter Key
- Password Validation
- Toggle Password Visibility
- Multi-Step Form
- AutoComplete
- Turn Off AutoComplete
- Turn Off Spell Check
- File Upload Button
- Empty Input Validation
Filter
Table
- Zebra Strip Table
- Centered Table
- Full Width Table
- Nested Table
- List Table
- Responsive Table
- Hindi magkapareho na talaan
Higit pa
- Full-screen video
- Modal
- Tanggalin ang modal
- Timeline
- Indicator ng scrolling
- Progress bar
- Skill bar
- Slider ng hanay
- Selector ng kulay
- Lugar ng email
- Tooltip
- Ipakita ang elemento sa hover
- Pop-up window
- Nakakalitaw na nilalaman
- Kalendaryo
- HTML na naglalaman
- Listahan ng dapat gawin
- Loader
- Medalyon
- Rating ng bituin
- Rating ng user
- Epekto ng pagkakalagay
- Chip ng kontak
- Card
- Card na gumigiling
- Card ng profile
- Card ng produkto
- Warning
- Box na nagpapa-alalahanin
- Tala
- Tag
- Tapis
- Cloud tag
- Lupon
- Stylized horizontal line
- Kupon
- Listahan ng grupo
- Listahan ng grupo na may sinyal
- Listahan na walang bilang na pangakda
- Responsive text
- Teksto ng silhouette
- Lumilumag na teksto
- Fixed footer
- Sticky element
- Tuluyang taas
- Huwag maisanib
- Responsive float
- Notification bar
- Full-screen window
- Scrolling drawing
- Smooth scrolling
- Background na gumagalaw sa gradient
- Sticky header
- I-bawasan ang header kapag gumagalaw
- Price table
- Parallax scrolling
- Asyong laki at taas
- Responsive inline frame
- Palitan ang magustuhan/hindi magustuhan
- Palitan ang nakakitaan/na hindi nakakitaan
- Palitan ang dark mode
- Palitan ang teksto
- Palitan ang klase
- Magdagdag ng klase
- Tanggalin ang klase
- Palitan ang klase
- Kasalukuyang klase
- Talaan ng puno
- Tanggalin ang decimal
- Tanggalin ang attribute
- Detekta na offline
- Hanapin ang nakatagong elemento
- I-reDirect ang pahina
- Format ng numero
- Zoom sa hover
- Bawasan na kahon
- Tuluyan na pagkakatama
- Tuluyan na button sa DIV
- Tuluyan na listahan
- Transisyon ng hover
- Pangalakal
- hugis
- Download link
- Elemento na buong taas
- Window ng browser
- Custom scrollbar
- Itago ang scrollbar
- 显示/强制显示滚动条
- Anyo ng aparato
- 可编辑内容的边框
- Kulay ng placeholder
- Ibawain ang pagpili ng sukat ng teksto area
- Ibawain ang pagpili ng teksto
- Kulay ng piling teksto
- Kulay ng bilang na pangakda
- Pagkakasunog
- Linya
- Linya ng teksto
- Icon na gumagalaw
- Countdown timer
- Efekto ng typewriter
- Hilingin ang pahina na malalaman
- Chat message
- Pop-up chat window
- Paghihiwalay ng pahina
- Pahayag ng mamimili
- Bilang na may block
- Slayder ng pahayag
- Makakalitaw na listahan
- Tipikal na breakpoint ng aparato
- HTML na elemento na maaaring ililipat
- JS ay gumagalaw sa media query
- Tagapagbigay-bahagi ng pangungusap
- JS ay gumagalaw sa animation
- JS ay gumagalaw sa haba ng string
- JS ay gumagalaw sa pagtutugma ng eksponente
- JS ay gumagalaw sa default na argumento
- JS ay gumagalaw sa random na numero
- JS ay gumagalaw sa pagtatala ng numerong array
- JS ay gumagalaw sa pagsasapilitan
- JS ay gumagalaw sa panoorin
- Kakuha ng kasalukuyang petsa
- Kakuha ng kasalukuyang URL
- Kakuha ng kasalukuyang laki ng screen
- Kakuha ng iframe na elemento
Grid
- Dalawang kolom na layout
- Tatlong kolom na layout
- Apat na kolom na layout
- Extendido na grid
- Listahan ng grid na panonood
- Hibog na kolom
- Linya ng post
- Zigzag layout
- Lay-out ng blog
Converter
Piling kurso
Rekomendasyon ng kurso:
Rekomendasyon ng kurso:
CodeW3C.com 提供的内容仅用于培训和测试，不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有，保留一切权利。
