h5+css 水平選單製作

阿新 • • 發佈：2019-01-11

水平選單製作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>導航選單</title>
<style type 
="text/css">
*{margin:110; padding:100; font-size:14px;}
ul{ list-style:none;}
a{color:#333;text-decoration:none}
.nav li{float:left;}
.nav li a{ display:block; text-align:center; height:30px; line-height:30px; width:100px; background-color:#efefef;}
.nav li a:hover{ background-color:#F60; color:#fff}
</style 
>

</head>
<body>

<ul class="nav">
    <li><a href="#">首　　頁</a></li>
    <li><a href="#">新聞快訊</a></li>
    <li><a href="#">產品展示</a></li>
    <li><a href="#">售後服務</a></li>
    <li><a href 
="#">聯絡我們</a></li>
  </ul>

</body>
</html>

效果圖：
這裡寫圖片描述

h5+css 水平選單製作

水平選單製作 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

HTML/CSS導航選單-水平選單的製作

垂直選單改成水平菜單隻需要改幾個引數就可以了float:left; <!DOCTYPE html> <html> <head> <meta charse

h5+css 垂直導航選單

垂直導航選單 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

web前端，html+css+jquery實現水平選單

用到的知識點： 1 列表,常用屬性 2 a元素，常用屬性 3 顯示隱藏 4 jquery點選事件，劃過事件 html: <!DOCTYPE html> <!--水平選單

CSS水平垂直居中

水平居中 ron lac 表現 -a posit ble ive width 水平居中 HTML代碼： 1 <div class="parent"> 2 <div class="child"></div> 3 </div&

css水平居中和垂直居中的方法

solid str 指正 relative eight 方法 ron for child html <div class="father">　　<div class="child"></div></div> 法一：已知道兩個盒

53.CSS---CSS水平垂直居中常見方法總結

out 嵌套 span 垂直 ems 寬度分享圖片 .net tag CSS水平垂直居中常見方法總結 1、元素水平居中當然最好使的是： margin: 0 auto; 居中不好使的原因： 1、元素沒有設置寬度，沒有寬度怎麽居中嘛！ 2、設置了寬度依然不好使，

Android開發選單製作

開發環境搭建 http://blog.csdn.net/juyangjia/article/details/9471561 HelloWorld http://blog.csdn.net/juyangjia/article/details/9491781 歡迎

初學h5 css js 第一天

第一次寫HTML部落格，我還是一個大二的學生關於h5的文字語法：font-style: font-family: font-size: font-color: text-align: backgr

H5 css的引入方式和使用說明

1，簡介 css：層疊樣式表，cascading style sheet 作用：HTML是頁面的骨架，而css是對網頁骨架內容的修飾 2，為什麼使用：樣式和內容寫在一起會顯得非常的臃腫，使用css可以將這個樣式單獨抽取來，可以提高開發效率。 css提供了很多HTML無法替代的顯

H5 CSS中列表屬性設定

列表設定 list-style-type：圖示型別 list-style-position：圖示位置 list-style-image：圖示圖片 list-style：簡化書寫方案示例：list-style: circle outsid

H5 css標籤選擇器

歡迎留言和指正哦標籤選擇器：通過標籤的名字進行選擇。 <!DOCTYPE html> <html> <head> <

H5 CSS中的尺寸及單位

尺寸及單位說明：在HTML中可以不寫單位，但是在CSS中必須書寫。單位： px：畫素，絕對單位 %：百分比，相對單位，相對於父級元素 em：相對於父級元素的倍數 rem：相對於HTML元素的倍數

H5 css 字型設定

字型設定 font-style：normal(正常)、italic(斜體) font-weight：normal(正常)、bold(加粗) font-size：字型大小 font-family：字型族 font：簡化的書寫方案，可以進行一次性設定

H5 CSS 文字修飾

文字修飾 text-indent：縮排 overflow：超出容器的內容如何處理 text-decoration：文字橫線的顯示處理 text-align：水平對齊方式 line-height：行高，若設定為容器高度可以實現垂直居中 ve

H5 css標籤背景設定

背景設定 background-color：背景顏色 background-image：背景圖片 background-repeat：背景圖片的重複方式 background-position：背景圖片的位置 background-attachem

H5 css偽類選擇器

<html> <head> <meta charset="utf-8"> <title>常用選擇器</title> <style> span{color:red;} #bei{color:green;} .qu{color:re

H5 CSS 引入方式外聯樣式表

外聯樣式表通過link標籤引用外部CSS檔案 <html> <head> <meta charset="utf-8"> <title>引入方式</title> <style> p{color:red;}

H5 css引入方式內聯樣式表

內聯樣式表通過style標籤進行設定 <html> <head> <meta charset="utf-8"> <title>引入方式</title> <style> p{color:red;} i{co

H5 CSS中的尺寸及單位練習

說明：在HTML中可以不寫單位，但是在CSS中必須書寫。單位： px：畫素，絕對單位 %：百分比，相對單位，相對於父級元素 em：相對於父級元素的倍數 rem：相對於HTML元素的倍數 <ht

h5+css 水平選單製作

水平選單製作

相關推薦