博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
50个 css 生成器
阅读量:4973 次
发布时间:2019-06-12

本文共 1720 字,大约阅读时间需要 5 分钟。

引用:

50款工具,包含,CSS网格和布局工具,CSS 优化工具,CSS 菜单生成工具,CSS 按钮生成器,CSS 圆角生成器,CSS 框架,CSS Sprites生成器,CSS 排版工具以及 CSS 表单生成器。

网格和布局

新颖的 CSS 网格工具,可用于简化内容管理系统的页面模板,轻巧易用。

基于 960px 的常规CSS网页布局工具,用于快速生成基本的 CSS 网格。

可控性强,选项丰富的网格系统,支持 CSS 在线即时输出。

生成用于CSS网格的 PNG 图片,以方便地用作 PSD 或 /CSS 背景,免除手工制作网格的麻烦。

用于设计布局结构,制定列、边缘、间距等参数。

可视化,快捷的标准 XHTML 页面框架生成工具,但对 IE6 兼容欠佳。

简单定制基于网格的CSS布局工具,可自定义多种参数。

生成适用于 960.gs,Golden Grid,1KB Grid 的网格布局,也可生成基本的通用网格。

来自 Yahoo 的网格工具,用于创建基础布局,统一浏览器表现。

帮助你创造更灵活的 CSS 蓝图,包括 grid.css、compressed.css 和 grid.png 文件。

快速设计页面布局,以多种方式构造网格。对于页面元素在浏览器中的表现方式,提供了精确的视觉反馈。

使用 CSS 2.0 技术生成 1-5 列的布局输出。

可控性强的 4 栏式页面布局生成器。

创建自适应或固定宽度栏式布局,可指定或者像素或百分比。

模板生成器,可在线创建单独的设计方案。无需了解任何 HTML 和 CSS 知识。

生成 1-3 栏式页面的 CSS 代码。

创建自适应宽度或固定宽度的浮动栏式布局。

CSS 优化和样式生成

输入网址或复制并粘贴到样式输入框中,一键提交即可优化。

三栏式布局生成工具,同步生成 HTML 和 CSS 代码。

只需填写表格数据,单击生成,并复制代码到样式表。

通过完成一份简单的表格输入来创建和定制布局,轻而易举。

在线定制独一无二的  主题。只需改变颜色,设置,布局等参数,完成后保存并下载。

CSS 整形与优化工具,基于 CSSTidy 构建。

通过框架加快 XHTML+CSS 设计工作,界面直观,语法缩短。

CSS 菜单工具

简单的 CSS 菜单生成器。

提供 30 多款横向菜单,700 多款垂直菜单,多种菜单组合方式应有尽有。

纯粹的 CSS 菜单生成工具。

多种现成 CSS 菜单可供选择,支持样式自定义。

自定义创建浏览器兼容的 CSS 菜单。导航内容,方向性,均可控制。

CSS 控制的文本形式的菜单有比图片形式的菜单具有更强的搜索引擎友好性。

提供了较为丰富的 CSS 菜单模板。

著名的 List-O-Matic 可轻松制作最基本的 CSS 导航菜单,向导性的制作步骤更容易上手。

CSS 按钮

傻瓜化地配置样式和参数,即可一键生成代码。

菜单参数可调,改动刷新后可预览。

CSS 圆角

产生一个基本CSS圆角。附带四个圆角图像文件和必要的 HTML 及 CSS 代码。

简单生成 CSS 和 HTML 以满足创建无锯齿圆角,而无需使用图像或  脚本。

简单的 CSS 圆角框生成器。

生成圆角的 HTML 和 CSS 代码的CSS工具。

CSS 框架

构造基本的 CSS 框架,加强 CSS 编写的规格化。

CSS 表格

简单的 CSS 表格生成工具。

配置选项丰富的可视化表格样式设计工具。

简单配置即可设计美观的表格样式的CSS工具。

CSS Sprites

提供源图片上传,重复图片合并,大小调整,拼合输出,CSS 输出等选项的控制,支持简体中文。

把背景图片的拼合任务交给 CSSSprites.com,它会帮你组图并给出单个图片的定位。

CSS 文本和

简单的文本样式配置工具。

CSS 表单

快速简洁的CSS表单创建工具,只需定义字段名称。

参数详尽的CSS表单配置向导,生成的表单样式代码可直接下载。

英文原稿:

翻译整理:

转载于:https://www.cnblogs.com/sode/archive/2011/11/18/2254065.html

你可能感兴趣的文章
React躬行记(13)——React Router
查看>>
前端利器躬行记(1)——npm
查看>>
前端利器躬行记(2)——Babel
查看>>
前端利器躬行记(6)——Fiddler
查看>>
Forbidden You don't have permission to access / on this server.
查看>>
Intellij Idea新建web项目(转)
查看>>
用JAVA编写浏览器内核之实现javascript的document对象与内置方法
查看>>
centos iptables
查看>>
unity3d 移动与旋转 2
查看>>
寻找二叉查找树中比指定值小的所有节点中最大的那个节点
查看>>
如何设置输入框达到只读效果
查看>>
RT3070 USB WIFI 在连接socket编程过程中问题总结
查看>>
MIS外汇平台荣获“2013年全球最佳STP外汇交易商”
查看>>
LeetCode 题解之Add Digits
查看>>
hdu1502 , Regular Words, dp,高精度加法
查看>>
20120227_CET6
查看>>
SpringBoot在idea中的热部署配置
查看>>
MyEclipse连接SQL Server 2008数据库的操作方法
查看>>
leetcode【67】-Bulb Switcher
查看>>
JS验证图片格式和大小并预览
查看>>