Học web chuẩn hocwebchuan.com

  • Trang chủ
  • Hướng dẫn học

    • Hướng dẫn học XHTML & HTML5
    • Hướng dẫn học CSS
    • Hướng dẫn học CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn học ES6
    • Hướng dẫn học React.js
    • Hướng dẫn học jQuery
    • Hướng dẫn học PHP
    • Hướng dẫn học Laravel
    • Hướng dẫn học Webpack
    • Hướng dẫn học SCSS
    • Hướng dẫn học htaccess
  • Bài tập

    • Bài tập XHTML & HTML5 cơ bản
    • Bài tập XHTML & HTML5 nâng cao
    • Bài tập CSS & CSS3 cơ bản
    • Bài tập CSS & CSS3 nâng cao
    • Bài tập jQuery
  • Tham khảo

    • Tham khảo HTML4/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Công cụ hỗ trợ

    • CSS3 Generator
      • Background-gradient
      • Background transparence
      • Boder-radius
      • Box-shadow
      • Flex box
      • Transform
      • Transform 3D
      • Mutiple column
      • Text-shadow
      • Text editor
    • Generator Tools
      • Block float generator
      • Block float percent generator
      • Text dummy paragraph (Lorem Ipsum)
      • Text dummy list (Lorem Ipsum)
      • Image dummy generator
      • QR Code generator
    • Web Tools
      • Đếm ký tự (count characters)
      • Đếm từ (count words)
      • Chuyển đổi ký tự đặc biệt
      • Có dấu thành không dấu
      • Loại bỏ code html
      • Công cụ tính toán (Caculator tools)
      • Chuyển đổi image thành WebP
    • Random Tools
      • Random word
      • Random number
      • Random list
      • Random group
      • Random password
    • Công cụ test responsive
    • Chia sẻ web & tools hay
  • DONATE

Search Submit

Chuyên đề

  • Trang chủ
  • Chuyên đề

HỌC WEB CHUẨN

HƯỚNG DẪN HỌC

  • Hướng dẫn học
  • Hướng dẫn học XHTML & HTML5
  • Hướng dẫn học CSS
  • Hướng dẫn học CSS3
  • Hướng dẫn học Responsive
  • Hướng dẫn học ES6
  • Hướng dẫn học React.js
  • Hướng dẫn học jQuery
  • Hướng dẫn học PHP
  • Hướng dẫn học Laravel
  • Hướng dẫn học Wordpress
  • Hướng dẫn học Webpack
  • Hướng dẫn học SCSS

THAM KHẢO

  • Tham khảo
  • Tham khảo HTML4/XHTML
  • Tham khảo HTML5
  • Tham khảo CSS
  • Tham khảo CSS3
  • Tham khảo jQuery

CHUYÊN ĐỀ

Chuyên đề

  • Chuyên đề HTML/CSS (43)
    • Block list (6)
    • List (5)
    • Navigation (5)
    • Pagenation (6)
    • Paragraph (8)
    • Table (7)
    • Tiêu đề (6)
  • Chuyên đề HTML5/CSS3 (20)
    • Border radius (7)
    • Box hover (5)
    • Box shadow (4)
    • Loading (4)
  • Chuyên đề jQuery / JS (15)
    • Form (6)
    • Layout (9)
  • jQuery/JS plugin (16)
    • BiggerLink (3)
    • Fixheight (2)
    • Pie (4)
    • Pop up (3)
    • Tab (2)
    • Tooltips (2)

Nội dung mới nhất

  • Áp dụng thực tế hiệu ứng loading
  • Box hover 2 image
  • Box hover fade
  • box hover slide element
  • Box hover chuyển động thành phần
  • Box hover scale image
  • Loading syle css3 – circle 02
  • Loading syle css3 – circle
  • Loading style css3 – square
  • Box-shadow sử dụng khi hover

Liên kết nhanh

add align biggerlink Block list Border radius box-shadow box hover css3 fixheight form jQuery layout list loading Navigation pa Pagenation paragraph Pie popup tab Table tiêu đề tooltips

GÓP Ý - LIÊN HỆ

  • BẠN SẼ TÀI TRỢ?
    DONATE
  • CÔNG CỤ TẠO CSS3
    CSS3 GENERATOR
  • BỘ CÔNG CỤ
    GENERATOR TOOLS
  • CÔNG CỤ HỖ TRỢ
    WEB TOOLS
  • CÔNG CỤ TẠO RANDOM
    RANDOM GENERATOR
  • CÔNG CỤ KIỂM TRA RESPONSIVE TEST
  • CHIA SẺ HAY
    WEB & TOOLS
  • Follow us on hocwebchuan.com
  • Short URL
  • Rabbie theme

Category: Navigation

Navigation border hover

Navigation border hover

Chuyên đề HTML/CSS, NavigationTags Navigation | Gửi bình luận

Navigation với border hover, hiệu ứng thêm đẹp mắt với xuất hiên border khi hover.

Chi tiết

Navigation với border

Navigation với border

Chuyên đề HTML/CSS, NavigationTags Navigation | Gửi bình luận

Navigation với border, thêm định dạng mới đơn giản dễ sử dụng.

Chi tiết

Navigation với background

Navigation với background

Chuyên đề HTML/CSS, NavigationTags Navigation | Gửi bình luận

Navigation với background, siêu đơn giản, tuy nhiên nếu chưa biết phương pháp thì có khi bạn cần mò … vài tiếng chứ chẳng chơi.

Chi tiết

Navigation với 2 line

Navigation với 2 line

Chuyên đề HTML/CSS, NavigationTags Navigation | Gửi bình luận

Navigation 2 lines, không khác hơn phần cơ bản nhiều, bằng cách xử lý thêm một hàng, giúp cho navigation thêm dạng đa dạng hơn.

Chi tiết

Navigation cơ bản

Navigation cơ bản

NavigationTags Navigation | Gửi bình luận

Navigation (thanh điều hướng) là mẫu không thể thiếu hầu hết các trang web, dùng liên kết nhanh tới các mục quan trọng trong website.

Chi tiết

  • Hướng dẫn học

    • Hướng dẫn học
    • Hướng dẫn HTML/XHTML
    • Hướng dẫn CSS
    • Hướng dẫn CSS3
    • Hướng dẫn học Responsive
    • Hướng dẫn PHP
    • Hướng dẫn Laravel
  • Tham khảo

    • Tham khảo HTML/XHTML
    • Tham khảo HTML5
    • Tham khảo CSS
    • Tham khảo CSS3
    • Tham khảo jQuery
  • Tham khảo Thêm

    • Lang codes
    • Font family
    • Mã ký tự
    • MIME
    • Thuộc tính tổng quát
  • Chuyên đề

    • Chuyên đề
    • Chuyên đề HTML/CSS
    • Chuyên đề HTML5/CSS3
    • Chuyên đề jQuery/JS
    • jQuery/JS plugin
  • Góp ý - Liên hệ

    Bản quyền - copyright

    Sitemap

  • W3C XHTML1.0
  • W3C CSS

©2012 Học Web Chuẩn All Rights Reserved.

  • Trang chủ
  • Giới thiệu
  • Góp ý - Liên hệ
  • Site map