DIV+CSS网页结构布局(精灵图)

最新推荐文章于 2021-08-04 00:13:39 发布

拂柳小清风

最新推荐文章于 2021-08-04 00:13:39 发布

阅读量1.8k

点赞数 8

本文链接：https://blog.csdn.net/Great_Wow/article/details/108562053

版权

本文通过实例展示了如何运用DIV+CSS技术进行网页结构布局，特别讨论了精灵图在网页布局中的应用，旨在优化页面加载效率。

摘要由CSDN通过智能技术生成

实例:

示例代码:

<!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>用DIV+CSS布局网页结构</title>
<style type="text/css">
*{margin:0;padding:0;}
    ul  {
	list-style-type:none;
	margin-left:600px;
	margin-top:-50px;
	width:700px;
    }
	li{
	    font-size:15px;
	    display:inline-block;
	}
	.ne{
		display:inline-block;
	    padding-left:-20px;
		padding-top:5px;
		width:40px;
		height:20px;
		background-image:url(tu1.png);
		background-position:20px 25px;
    }
    .one{
		ma

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

拂柳小清风

关注关注

8
点赞
踩
32

收藏

觉得还不错? 一键收藏
0
评论
DIV+CSS网页结构布局(精灵图)

实例:示例代码:<!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/h
复制链接

扫一扫