`

css收集

 
阅读更多
1:背景平铺
资源 bg.png:


body{background:url(../img/bg.png);background-repeat:repeat-x;}

效果:


2:超链接
a{cursor:pointer;color:#0086C6;text-decoration:none;}
a:hover{text-decoration:underline;}


3:圆角矩形
资源:corner.png

<div class="top_1055"></div>
<div id="menu">
  漂亮的圆角框,要求背景图片宽度要固定,四角要透明 。
</div>
<div class="bottom_1055"></div>

.top_1055{float:none;position:relative;width:1057px; height:10px;background:url(../img/corner.png); margin:0 auto;}
.bottom_1055{float:none;position:relative;width:1057px; height:10px;background:url(../img/corner.png) no-repeat bottom left;margin:0px auto 10px auto;}
#menu{float:none;position:relative;width:1055px;height:20px;background-color: #FFF;margin:0 auto;border: 1px solid  #A7E9FF;border-top:none;border-bottom:none;}
#menu div{margin-left:15px}

效果:


  • 大小: 195 Bytes
  • 大小: 15.4 KB
  • 大小: 531 Bytes
  • 大小: 4.1 KB
分享到:
评论

相关推荐

    css书收集

    本资源包名为"css书收集",包含三本关于CSS的电子书:《CSS2中文手册》、《css样式表手册》和《5日精通CSS层叠样式表》,这些书籍将帮助读者深入理解和掌握CSS的相关知识。 《CSS2中文手册》是CSS2规范的中文版,...

    css 技术收集 css经典教材

    本资料集合主要关注“CSS+Div”布局技术和经典的CSS教材。 1. **CSS+Div布局**: CSS+Div布局是现代网页设计中常用的一种布局方式,其核心思想是利用CSS控制HTML中的`&lt;div&gt;`元素来实现页面布局。`&lt;div&gt;`元素是块级...

    个人收集的CSS 层叠样式表

    **CSS(层叠样式表)概述** CSS,全称Cascading Style Sheets,是一种用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它能够将样式信息与结构信息分离,使得网页设计更加灵活、易于...

    css菜单\Ajax代码精华收集

    css菜单\Ajax代码精华收集,css菜单\Ajax代码精华收集

    HTML词典收集CSS

    此外,CSS3引入了更多的功能,如媒体查询(media queries)实现响应式设计,伪类和伪元素(如`:hover`, `:active`, `::before`, `::after`)扩展了元素状态的控制,以及Flexbox和Grid布局系统,提供了更强大的二维...

    CSS Satyr(CSS 塞特斯)

    CSS Satyr(CSS 塞特斯)是一款 CSS Sprites 的小工具。可以将多个小图片整合成一张图片,并生成相应的CSS调用...而我们草根基本上很少有人自己去设计一套图标或UI,一般都是通过网站上收集的。于是本工具就诞生了。

    搜集整理100套DIV+CSS网站样式模板

    【标题】:“搜集整理100套DIV+CSS网站样式模板” 这100套DIV+CSS网站样式模板集合是一个宝贵的资源库,旨在为网页设计师和开发者提供丰富的设计灵感和实用的代码示例。DIV+CSS是现代网页布局的基础,通过使用HTML...

    CSS样式图片下载助手,css背景图片下载

    然而,当需要收集和管理这些CSS背景图片时,手动操作可能会非常繁琐。这就是“CSS样式图片下载助手”工具的作用。 这款“CSS样式图片下载助手”专门设计用来自动化下载CSS文件中引用的所有图片。它能够解析CSS代码...

    CSS图片提取器

    开发者可以借此确保所有依赖资源都已完整,设计师可以快速收集网站设计所需的图片,而SEO专家则能检查是否有未被搜索引擎抓取的图片资源,从而优化网站的搜索引擎可见性。 总之,【CSS图片提取器】是一个强大的辅助...

    好看table样式 好看的CSS——Table样式表

    网络上收集的css table样式 好看table样式 好看的CSS——Table样式表

    css下拉菜单收集,css下拉菜单收集

    CSS(Cascading Style Sheets)是用于控制网页样式和布局的语言,它为创建动态和响应式的下拉菜单提供了丰富的可能性。本篇将深入探讨CSS下拉菜单的设计原理、实现方法以及常见技巧。 首先,理解基本的HTML结构是...

    CSS样式表单美化系列

    表单是网页中常见的一种交互组件,用于收集用户输入的信息。通过有效的CSS技巧,我们可以让表单不仅功能完善,而且视觉效果出众。 首先,我们来看表单的基本结构。一个标准的HTML表单通常由`&lt;form&gt;`标签开启,内含...

    css 网页全套模板

    1. **CSS Form表单**:表单是网页中收集用户信息的重要工具,如用户名、密码、电子邮件地址等。CSS可以用来美化表单元素,如输入框(input)、选择框(select)、复选框(checkbox)和单选按钮(radio button),以及提交...

    CSS Sprites生成工具

    1. **准备图像**:收集需要合并的小图像,确保它们尺寸合适且格式统一,通常是PNG或JPEG格式。 2. **导入图像**:在CSS Sprites生成工具中,将这些图像导入或拖放到工具界面。 3. **生成Sprite图**:点击生成或...

    实用CSS 文字收集

    ### CSS文字样式控制详解 #### 一、引言 在网页设计中,文字的样式是极为重要的一个方面,良好的文字样式不仅能够提升网站的整体美观度,还能够改善用户体验。CSS(层叠样式表)提供了丰富的属性来帮助我们控制...

    《css效果图收集》一些好看的css效果图

    本压缩包"《css效果图收集》"包含了几个有趣的CSS应用示例,旨在展示CSS在网页设计中的魅力和潜力。以下是这些示例涉及的主要知识点: 1. **煽动翅膀的蝴蝶**:这个效果展示了CSS3动画的能力,通过关键帧动画(@...

    HTML+CSS+JS实现烂尾楼业主信息收集页面

    在构建“HTML+CSS+JS实现烂尾楼业主信息收集页面”时,我们需要掌握一系列前端技术,以便创建一个用户友好的界面,收集并处理业主的相关信息。以下将详细阐述涉及的知识点: 一、HTML(HyperText Markup Language)...

    CSS编辑器 + 我收集的各种CSS帮助文档

    本资源包集合了CSS编辑工具与一系列CSS相关的帮助文档,旨在帮助用户更高效地学习和使用CSS。 首先,我们来看看"CSS编辑器"。一个良好的CSS编辑器能够提高开发效率,提供实时预览,以及自动补全等功能。这样的工具...

    收集几款漂亮的CSS3按钮美化例子.rar

    "收集几款漂亮的CSS3按钮美化例子.rar"这个资源提供了多种不同风格的CSS3按钮设计,帮助开发者和设计师学习如何利用CSS3的新特性来提升按钮的视觉效果。 【描述】中提到的几个关键点: 1. **背景渐变**:CSS3引入...

    21个新奇漂亮的AjaxCSS表格设计

    - **CSSTableGallery**:收集了大量表格样式,提供设计灵感。 - **jQuery Table Filter**:实现数据的灵活排序和过滤。 - **Sortable/Resizable/Editable Table Kit**:基于Prototype框架,支持表格的实时调整大小、...

Global site tag (gtag.js) - Google Analytics