网页设计-图片居中写法之CSS篇

<h1>使用css将网页上的图片居中</h1>

操作方法

  • 01

    <body> <div class="img"></div> </body>

  • 02

    .img { width:auto;       /*宽度可以根据图片大小来设置也可以直接auto(自动)*/ height:260px;   /*高度260px*/ background:url(../images/top.jpg) no-repeat top center; /*背景图片不平铺,置顶,居中*/ }

(0)

相关推荐

  • 【品牌维生素】浅谈当下网页设计趋势

    技术的革新带动了设计行业的的迅猛发展,这使得设计师和开发者有了更广阔的的探索天地.而网页设计也越发不再那么循规蹈矩,许多团队和公司都做了很多思考和创意.所以在我们适应着现代设计潮流的同时,不妨也来看看 ...

  • 怎么使用Photoshop做活泼手绘风格网页设计稿?

    怎么使用Photoshop做活泼手绘风格网页设计稿? 这是一篇用Photoshop做网页视觉设计稿的教程,文章将一步步介绍如何在Photoshop中做一个活泼的手写风格网页设计稿.设计过程主要分为以下 ...

  • 《网页设计综合指南》(三):网页设计看这篇文章就够了

    设计师和开发人员在构建网站时,需要考虑很多事情,从视觉外观到功能设计.为了简化这个过程,我们准备了这个指南.限于篇幅限制,将这一指南分为三部分,此为第三部分内容. 本篇包含内容 三.移动端适配 3.1 ...

  • 网页设计中有哪5类常用的CSS样式

    操作方法 01 网页设计中常用到CSS样式有哪些?CSS样式能让我们快速实现一些功能,在这里和大家分享,CSS样式的五种方式如何应用在网页设计中,文中我们就详细说到代码的实现,希望对从事网页设计的朋友 ...

  • Axure RP 8怎么设计图片点赞功能的网页原型?

    Axure RP 8怎么设计图片点赞功能的网页原型? 1.打开Axure RP 8软件,在元件库中找到图片元件,拖一个到画布上,如下图所示: 2.在"Icons"中找到手形向上和手 ...

  • 网页设计!文案篇

    小编:今天带来飘飘鼠分享的关于文案的文章.很多小伙伴可能在文案上遇到很多瓶颈,这篇文章就是告诉大家,如何运用好文案让网页设计! 2015年第一篇关于文案的文章, 希望大家互相分享, 也感谢跟我交流的朋 ...

  • html css 如何使图片居中且不变形

    图片的居中如果掌握不好技巧会导致很多问题,例如图片的父容器改变位置或者改变定位方式导致居中失效等,写死长度的居中或者不能改变定位的居中都是很容易出问题的代码. 下面这种方式可以让你的图片居中不受父容器 ...

  • Dreamweaver网页设计里CSS样式表怎么添加

    在网页设计中,CSS是用于控制页面元素外观布局的样式表,怎么创建一个新的CSS样式表并修改属性参数呢,下面让我们来看看具体怎么操作. 操作方法 01 首先我创建了一个网页在里面输入的"演示文 ...

  • 《网页设计综合指南》(一):网页设计看这篇文章就够了

    设计师和开发人员在构建网站时,需要考虑很多事情,从视觉外观到功能设计.为了简化这个过程,我们准备了这个指南.限于篇幅限制,将这一指南分为三部分,此为第一部分内容.本文将重点介绍创建出色用户体验的主要原 ...