- 我们先看一下最终效果。
一、开始吧，我们先做一个盒子drop，它以后要装的是按钮和下拉列表。
二、在盒子drop里面做一个按钮dropbt。
三、按钮有点丑了，于是我们给按钮加点样式。
四、下面我们做出下拉列表，它们是一串链接，我们用一个盒子dropbox装着。
2024年10月20日
一、开始吧，我们先做一个盒子drop，它以后要装的是按钮和下拉列表。
二、在盒子drop里面做一个按钮dropbt。
三、按钮有点丑了，于是我们给按钮加点样式。
四、下面我们做出下拉列表，它们是一串链接，我们用一个盒子dropbox装着。
2024年10月20日
头部导航条布局
html代码：
<!DOCTYPE html><html><head>
<meta charset="utf-8">
<title>头部导航条制作</title>
<link rel="stylesheet" type="text/css" href="css/master8.css">
</head>
2024年10月20日
大家好，今天我们来分享一下用纯CSS实现下拉菜单效果的方法，首先我们看下效果图，如果你看过上一期的内容（CSS之垂直导航条）那么你就会发现，两者的外观主题基本一样，只不过结构稍微有些差别，所以今天我们主要讲构造，样式详解请参考上期内容
1.首先创建一个多层导航列表，本次只选取列表项中“Services”和“Products”两项为例。
2.基本设置：首先清除内边距和外边距，去掉列表默认的项目符号，关闭链接文本下划线.，给列表一个边框和背景颜色（根据自己需要）
2024年10月20日
大学生就可以看懂的css基础实战系列，pre标签里是笔记总结，动手实际操作一下会加强理解。有疑问留言交流哦。
可能比较枯燥，但是再坚持一下，前端知识的大门就会大开了。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.dropdown {
position: relative;
display: inline-block;
}
.dropdown button {
font-size: 18px;
color: #f8f8f8;
padding: 10px;
background-color: #35be2e;
box-shadow: #d1fb2a;
cursor: pointer;
}
.dropdown button:hover {
background-color: #55be9d;
}
.dropdown-content {
display: none;
position: absolute; /**绝对定位 修改这个属性体验absolute*/
background-color: #ff8158;
min-width: 95px;
}
/*鼠标滑过显示另外一个组件**/
.dropdown:hover .dropdown-content {
display: block;
}
.dropdown-content a {
display: block;
text-decoration: none;
text-align: center;
/*margin: 10px; margin 外边距 修改外边距时候,a的内部文字下划线不能跟着横向拉伸*/
/*padding: 10px; padding内边距 修改内边距达到文字行间隔效果 下划线是跟着padding一起拉伸*/
padding: 10px;
border-bottom-style: solid;
border-bottom-color: white;
}
</style>
</head>
<body>
<div class="dropdown">
<button class="button"> 下拉菜单</button>
<div class="dropdown-content">
<a href="#">menu1</a>
<a href="#">menu2</a>
<a href="#">menu3</a>
</div>
</div>
<div style="position: absolute;margin-top: 200px">
<pre>
/**css滑过一个组件 修改另外一个样式内容**/
/*鼠标滑过显示另外一个组件**/
.dropdown:hover .dropdown-content {
display: none;
}
/**.dropdown-content a 修改文字内边距和外边距进行文字间隔,体验下划线长度效果*/
/*margin: 10px; margin 外边距 修改外边距时候,a的内部文字下划线不能跟着横向拉伸*/
/*padding: 10px; padding内边距 修改内边距达到文字行间隔效果 下划线是跟着padding一起拉伸*/
padding: 10px;
</pre>
</div>
</body>
</html>
2024年10月20日
今天教大家学习如何制作网页的下拉菜单~
CSS 下拉菜单
首先，我们要使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果。
1.下拉菜单样式
（样式一）
（样式二）
2.基本下拉菜单
当鼠标移动到指定元素上时，会出现下拉菜单。
（效果图）
相关代码如下
<style>
2024年10月20日
1. 表格属性
属性名称用途取自border-collapse设置或检索表格的行和单元格的边是合并还是独立。separate： 边框独立 collapse： 相邻边被合并border-spacing边框独立时，单元格与单元格之间的间距数字，不允许负值empty-cells设置或检索当表格的单元格无内容时，是否显示该单元格的边框。hide：隐藏该单元格的边框。 show：显示该单元格的边框。
2024年10月20日
Excel作为我们办公时经常会使用到的一款数据处理软件，无论是制作大数据表还是小数据表，我们都可以通过使用Excel来实现。而当我们在Excel中录入数据时，数据单元格一般都是没有添加边框的，而很多时候我们都是通过先手动添加上边框，然后等到数据超出了自己所设置的边框单元格的范围后，还需要再去手动进行边框的添加。
而这一操作虽然简单，但是如果忘记了的话，也会令整个表格内容看起来不是很整齐。而其实，Excel单元格可以根据我们输入内容的位置，让系统自动添加上边框。有的小伙伴该疑惑了，真的吗？当然是真的，那么Excel表格到底怎么自动添加边框呢？下面小编就来为大家介绍一下具体的方法，希望能够对大家所有帮助。
2024年10月20日
第一步：选择需要添加边框的范围，如下图：
第二步：点击”开始“，点击快速工具栏上“田”旁边的下拉箭头选择所需要的边框样式。
2024年10月20日
今天我们来学习一下如何设置表格的边框和底纹。表格的边框和底纹有两个路径可以选择，第1个是“表格工具”选项卡“设计”选项中的边框和底纹（如下图所示），第2个是在表格内点击鼠标右键，选择边框和底纹选项。
2024年10月20日
Spire.Office 7.12.0 已发布。在本次更新中，Spire.Doc 支持为形状设置填充色透明度；Spire.PDF 支持压缩 PDF 文档及转换 PDF 为 PPT；Spire.XLS 支持多种新函数及 "SHA-512" 加密方式。此外，本次更新还成功修复了大量已知问题。详情请阅读以下内容。
该版本涵盖了最新版的 Spire.Doc，Spire.PDF，Spire.XLS，Spire.Email，Spire.DocViewer， Spire.PDFViewer，Spire.Presentation，Spire.Spreadsheet， Spire.OfficeViewer， Spire.DocViewer， Spire.Barcode， Spire.DataExport。