首页 分享 CSS+DIV实例——鲜花店

CSS+DIV实例——鲜花店

来源:花匠小妙招 时间:2024-11-15 22:05

最新推荐文章于 2024-09-10 21:04:21 发布

黎明的蜗牛 于 2014-05-02 22:17:26 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

DIV+CSS是WEB设计标准,它是一种网页的布局方法。与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离。

在之前介绍过理论的基础上,做如下鲜花店的实例:

页面截图:


html代码:

<html>

<head>

<title>鲜花满屋</title>

<link href="鲜花.css" rel="stylesheet" type="text/css">

</head>

<body>

<div id="container">

<div id="banner"><img src="banner.jpg"></div>

<div id="globallink">

<ul>

<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>

<li><a href="#">百合花</a></li>

<li><a href="#">康乃馨</a></li>

</ul>

</div>

<div id="left">

<div id="login">

<form>

<p>用户:<input type="text" class="text"></p>

<p>密码:<input type="text" class="text"></input></p>

<p><input type="button" class="btn" value="登录"></input><input type="button" class="btn" value="注册"> </input></p>

</form>

</div>

<div id="category">

<h4><span>用途</span></h4>

<ul>

<li><a href="#">爱情鲜花<

相关知识

法国园林实例
花卉造景实例
2025第十六届广州国际盆景花卉及鲜花店用具展会 视频
中国传统插花实例教学(初级)
上海鲜花店上海鲜花店
家庭插花应用实例
城市道路绿地景观设计实例分析1.pptx
实例图片
草本花卉景观应用实例(二)
花都鲜花店,广州花都区网上鲜花店,广东省花都鲜花店送花服务

网址: CSS+DIV实例——鲜花店 https://www.huajiangbk.com/newsview562606.html

所属分类:花卉
上一篇: 网上花店网页制作代码
下一篇: 学生鲜花网页设计作品静态HTML

推荐分享