要创建投资组合画廊，我们只需要 HTML 和 CSS。我们也可以使用 JavaScript，但在本文中，设置了限制，因此我们将仅使用 HTML 和 CSS。在第一部分将整篇文章分为两个不同的部分，我们将为作品集图库创建结构，在第二部分，我们将确保图库看起来很有吸引力。当您的网站包含不同类型的内容或内容过多时，作品集库非常有用。借助投资组合库，您可以轻松地向用户显示首页中的所有内容。
创建结构：在本节中，我们将创建投资组合的基本网站结构。在这里，我们将附加标题属性，以便用户可以知道投资组合的每个网格上的内容类型。
- HTML 代码：在本节中，我们将设计 Portfolio Gallery 的基本结构。
html
Create a Portfolio Gallery
using HTML and CSS
GeeksforGeeks
A Computer Science Portal for Geeks
Portfolio
HTML Tutorials
HTML stands for Hyper Text Markup
Language. It is used to design web
pages using markup language. HTML
is the combination of Hypertext and
Markup language. Hypertext defines
the link between the web pages.
CSS Tutorials
Cascading Style Sheets, fondly referred
to as CSS, is a simply designed language
intended to simplify the process of
making web pages presentable. CSS allows
you to apply styles to web pages.
PHP Tutorials
The term PHP is an acronym for PHP:
Hypertext Preprocessor. PHP is a
server-side scripting language
designed specifically for web
development. PHP can be easily
embedded in HTML files.
JavaScript Tutorials
Javascript was developed by Brendan
Eich in 1995. At first, it was called
LiveScript but was later name to
JavaScript. JavaScript is the muscle
of the structure
CSS
html
Create a Portfolio Gallery
using HTML and CSS
GeeksforGeeks
A Computer Science Portal for Geeks
Portfolio
HTML Tutorials
HTML stands for Hyper Text Markup
Language. It is used to design web
pages using markup language. HTML
is the combination of Hypertext and
Markup language. Hypertext defines
the link between the web pages.
CSS Tutorials
Cascading Style Sheets, fondly referred
to as CSS, is a simply designed language
intended to simplify the process of
making web pages presentable. CSS allows
you to apply styles to web pages.
PHP Tutorials
The term PHP is an acronym for PHP:
Hypertext Preprocessor. PHP is a
server-side scripting language
designed specifically for web
development. PHP can be easily
embedded in HTML files.
JavaScript Tutorials
Javascript was developed by Brendan
Eich in 1995. At first, it was called
LiveScript but was later name to
JavaScript. JavaScript is the muscle
of the structure
设计结构：在上一节中，我们已经创建了基本网站的结构，现在我们将使用 CSS 来设计网页的结构。
- CSS代码：
CSS
结合 HTML 和 CSS 代码：结合 HTML 和 CSS 部分代码以制作完整的作品集库。
html
Create a Portfolio Gallery
using HTML and CSS
GeeksforGeeks
A Computer Science Portal for Geeks
Portfolio
HTML Tutorials
HTML stands for Hyper Text Markup
Language. It is used to design web
pages using markup language. HTML
is the combination of Hypertext and
Markup language. Hypertext defines
the link between the web pages.
CSS Tutorials
Cascading Style Sheets, fondly referred
to as CSS, is a simply designed language
intended to simplify the process of
making web pages presentable. CSS allows
you to apply styles to web pages.
PHP Tutorials
The term PHP is an acronym for PHP:
Hypertext Preprocessor. PHP is a
server-side scripting language
designed specifically for web
development. PHP can be easily
embedded in HTML files.
JavaScript Tutorials
Javascript was developed by Brendan
Eich in 1995. At first, it was called
LiveScript but was later name to
JavaScript. JavaScript is the muscle
of the structure
输出：
支持的浏览器：
- 谷歌浏览器
- 微软边缘
- 火狐
- 歌剧
- 苹果浏览器