网站技术第1419页-云服务器技术网

首页网站技术

网站技术

HTML功能属性

HTML5新属性。

2022-06-04 697

网站技术

HTML manifest 属性，html缓存技术

HTML <html> manifest 属性，html缓存技术 HTML <html> 标签实例带有缓存 manifest 的 HTML 文档（用于离线浏览）：<!DOCTYPE HTML> <html manifest="demo.appcache"> <head> <title>文档标题</title> </head> <body>

2022-06-04 591

网站技术

HTML5 标签

功能排序

New : HTML5 新标签

2022-06-04 760

网站技术

HTML DOCTYPE 声明

HTML <!DOCTYPE> 声明实例<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>所有主流浏览器都支持

2022-06-04 614

网站技术

右对齐的下拉菜单内容

右对齐的下拉菜单内容如果希望下拉菜单从右到左而不是从左到右，请添加 right: 0;：实例 .dropdown-content { right: 0; 更多实例 1 - 下拉式图像如何在下拉框中添加图像和其他内容。请把鼠标指针悬停在图像上： 2 - 下拉式导航如何在导航栏中添加下拉菜单。

2022-05-30 653

网站技术

下拉式菜单

下拉式菜单创建一个下拉菜单，并允许用户从列表中选择一个选项：本例与上例相似，除了我们在下拉框内添加链接并为其设置了样式，以此匹配下拉按钮的样式：实例 <style> /* 设置下拉按钮的样式 */ .dropbtn { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; cursor:

2022-05-30 661

网站技术

基础的下拉菜单

基础的下拉菜单

创建当用户将鼠标移到元素上时出现的下拉框。

实例

<style>
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
}
.dropdown:hover .dropdown-content {
  display: block;
}
</style>
<div class="dropdown">
  <span>Mouse over me</span>
  <div class="dropdown-content">
    <p>Hello World!</p>
  </div>
</div>

2022-05-30 689

网站技术

CSS 下拉菜单,鼠标悬停悬浮下拉

CSS 下拉菜单使用 CSS 创建可悬停的下拉列表。演示：下拉式案例实例请把鼠标指针移动到下面的例子上： .dropdown { position: relative; display: inline-block; } .dropspan { width: 100%; margin-top:5px; } .dropdown-content { display: n

2022-05-30 586

网站技术

右对齐链接,灰色水平导航栏

右对齐链接通过将列表项向右浮动来右对齐链接（float:right;）：实例 <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact&qu

2022-05-30 840

网站技术

水平导航栏实例

水平导航栏实例

创建具有深色背景色的基础水平导航栏，并在用户将鼠标移到链接上方时改变链接的背景色：

实例

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}
li {
  float: left;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
/* 当鼠标悬停时把链接颜色更改为 #111（黑色） */
li a:hover {
  background-color: #111;
}

2022-05-30 577

首页上一页 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 下一页尾页