第一步：打开ps软件，新建一个图层，用形状工具在该图层上画一个圆，
第二步：选择图层，单击右键，选中【复制css】，如图，画一个蓝色圆的css代码就复制好了
第三步：新建一个html页面，给div元素添加id=“div1”；将css粘贴到是<style> </style>中间，如图中，将【.椭圆_1】替换成【#div1】，然后保存，将页面在浏览器中打开查看，如图：
下面是通过ps复制的css代码
.椭圆_1 {
border-radius: 50%
background-color: rgb(2, 159, 210)
position: absolute
left: 176px
top: 124px
width: 179px
height: 179px
z-index: 2
}
第四步：仔细看会发现，这个圆跟我们在ps中绘制的一模一样，它在图中的位置和在页面中的位置是一样的，如图：
实际上，在【信息】中X、Y是图形的所在位置，而css中left、top就是指坐标；
对于不懂代码的设计师来说，是不是方便很多啦！不过，对于有些比较复杂的图，ps复制出来的css直接拿出来用的话会跟实际效果图有偏差，所以有些还是要自己手动去做一些修改的！
或者下载“PhotoshopCopyCSS”增强 Photoshop CC 自带的“复制 CSS”功能，提升 CSS 代码的采用率
COPY命令的详细用法2008年04月19日 星期六 18:242008-04-11 17:301.使用copy命令将某个文件复制到指定的目录下：这个是copy命令最基本的用法，命令格式1:copy [源盘符][路径]<源文件名>[a/b][目标盘符][路径][<目标文件名>][a/b]
命令格式2:copy <源文件名1>+<源文件名2>+<源文件名.....>[<目标文件名>]
参数说明如下：
/a表明是ASCII文本文件
/b表明是二进制文件
例如：在提示符后输入“ copy a.txt e:\”按回车键，即时将“a.txt”文件复制到“e:\”根目录
2.使用copy命令一次性复制多个特定的文件到指定的目录下：
在dos平台下，如果想复制多个具有共同特征的文件到指定的目录下，可以使用copy命令来实现：在命令提示符下输入“copy a*.txt e:\back“，表示是将以“a”开头的扩展名是“。txt”的所有文件复制到“e：\”下。
在命令提示符下输入“copy a?.txt e:\back“，表示是将以“a”开头的第二个是任意字符且扩展名是“.txt”的所有文件复制到“e：\”下。
3.使用copy命令合并多个文本文件：
例如：在命令提示符下输入“copy a.txt+b.txt+c.txt+d.txt e:\back\e.txt”，即是将“a.txt 和b。txt和c。txt和d。txt”四个文件合并到e盘下back文件夹下，命名为e.txt
4.使用copy命令在复制文件的同时进行更名：
在使用COPY命令是，可以同时对要复制的文件进行文件的更名：例如：在提示符下输入“copy a.txt e:\back\b,txt”,即是将a.txt复制到e盘back下，同时将名字改为b.txt
5.使用copy命令巧妙伪装隐藏保护重要的文件：
这个copy命令的用法很好用，可以将自己的邮箱，QQ帐号等重要信息保存下来，同时不被别人看到，只有自己可以把它找出来。例如：在提示符输入“copu a.jpg/b +b.txt/a c.jpg”，即是将b.txt里面的重要内容隐藏在c.jpg图片里面了，当双击c.jpg是，显示的仍然是和a.jpg一样的图片，只有用记事本打开时，在图片乱码的最后，看到的就是b,txt文档中的数据，这样，只有你自己知道你把b.txt文档中的重要数据放在哪里了，别人是不知道的。
注意：a.jpg后面的/b参数表示将图片以二进制的格式进行合并，b.txt后面的/a参数表示文档已ASCII码的格式进行合并，二进制格式的文件应该放在+号前面。
6。使用copy命令将指定文件更新为当前日期：
在提示符下输入“copy a.txt+,, ",（两个英文逗号）安回车就将a.txt文件更改到当前的日期
7.使用copy命令创建一个批处理文件：
通过使用copy con命令来实现，在提示符下输入“copy con chang.dat”，按回车键，接着使用键盘输入该批处理文件所要执行的命令，执行命令输入完成后，按F6或者CTRL+z组合键，即可生成“chang,dat”批处理文件
在PSCC中如果不能右键复制CSS的原因如下：在图层上，点击的右键位置不对，要点击如图所示的位置文件的图像模式不对，只有RGB颜色模式才支持鼠标在图层上右键复制CSS，其余的几种格式是不支持的，如图
