如何制作有凸凹效果的分界线
页面布局时,各版块之间采用有凸凹效果的分界线分隔,能突出版块内容,增加页面的立体感。
任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃,天高任鸟飞!
页面布局时,各版块之间采用有凸凹效果的分界线分隔,能突出版块内容,增加页面的立体感。
页面布局元素的宽度可自行调整以适应浏览器宽度或父元素的宽度。
RSS(简易资讯聚合)是一种消息来源格式规范,用以发布经常更新资料的网站,例如部落格文章、新闻、音讯或视讯的网摘。
通过简单的线条,并辅助一些其他图形元素,勾勒出网页的布局,并标注出网页上的重要设计元素。
圆角是常用的设计元素之一,但HTML元素都是以方形的形式存在,但是通过给这些元素设置背景图片,就能创建圆角效果。
我们习惯使用自己熟悉的CSS属性来定义页面的样式,虽然下面这些CSS属性虽然不是很常用,但掌握这些方法也许能让你如虎添翼。
页面布局设计时须参考显示屏的分辨率,常见的分辨率有1028*800,1028*768,1028*720,1024*768,960*600,800*600。
position属性和float属性一起控制页面的布局,并通过z-index控制元素在页面垂直方向的排列顺序。
float属性可以控制页面是否浮动,以及浮动的方式。这里需要说明的是,如果被定义成绝对定位(position:absolute),则会忽略float的浮动类型。
控制页面布局属性包括display 、float 、position,这些属性控制文档元素的可见性、显示方式、位置,本文主要利用一些实例来说明display的用法。