可利用style属性给标签元素添加border-color行内样式来设置边框颜色。步骤如下：
1、点击打开sublime text；
2、设置全部边框颜色一样，例子是边框都是蓝色，border-color：blue；
3、设置上下边框颜色一样，左右边框颜色一样例子上下边框颜色蓝色，左右边框红色，border-color：blue red；
4、设置上下边框颜色不同，左右边框颜色一样例子上边框颜色蓝色，下边框绿色，左右边框红色，border-color：blue red green；
5、设置上下左右边框颜色都不一样，例子上边框颜色蓝色，下边框绿色，左边框红色，右边框粉红色border-color：blue red green pink。
网页设计师的色彩搭配方案
下面的网页配色方案，或许能帮助你找到创作灵感。
温和的色彩，不是小朋友的专利。粉、蓝、橙、黄的搭配，干净、明亮又温暖。明明有小公主的既视感。
以蓝色作为背景，显得清晰且专业。蓝绿色、橙色、黄色三色，虽然对比度很高，但效果非常干净。使用这样的组合，会让你的网站看起来清新、简洁，又充满活力。
这是一个儿童类网站，画面上虽然使用了很多颜色，但适当的降低了一些饱和度，且增加了很多留白设计。这个网站明明是丰富多彩的用色，但带给眼睛的感受却非常舒服。
明亮的组合，总能带来一种欢快、有趣的气氛。蓝色、橙色、浅灰色，散发出活力又俏皮的时尚感。飞溅的几何型设计，为这个网页增加了生动感。
黄、绿、蓝的组合，以及画面中阴影的效果，看上去新鲜又时尚。视觉上，可以达到舒缓压力的效果。
想要一个温暖平和感受的网站，可以选择这样的色调。温暖的金黄色与海蓝色，它们相互作用，产生了平衡感。
这是一家咖啡馆的网站，温暖的金色与低调的绿色、灰白色，创造出来一种复古迷人的效果。
如何让网站低调时尚，且不能直接使用黑色。可以试一试这个组合：深紫色、深蓝色、粉红色，虽然颜色低调，但极具层次感。
柔和的色彩与温和的光，这个网站呈现出来的效果自然而平静，能让我们很快放松下来。
这家网站色彩灵感，来自于蔬菜与新鲜泥土。新鲜、干净的感受迎面而来。蔬菜的绿色、深红色、紫色，不加修饰的天然色，体验到的是一种难得的舒适与纯粹。
如何寻找色彩灵感？让大师梵高告诉你。名画传世百年仍旧充满活力，这就是艺术的魅力。温暖的黄、浪漫的蓝、舒适的绿，简单明快且透出灵性。大师的色彩组合，果然不一般。
粉色、黄色、蓝色，明亮的色调，吸引充满活力的年轻人。他们热爱极具个性，且热爱生活。这样的色彩设计，正符合他们的品味。
需要视觉上有沉稳感、专业感，深蓝色与灰白色的组合非常合适。简洁的设计，让这个网站更现代。
柔和的不饱和色调，创造中一种低调优雅的气质。这样色调的网站，散发出一种高级感。
利用深浅不同的蓝色与深浅不同的灰色，纯净、清爽、简单，但绝不单调无趣。反而，看到了一种灵动。
利用最少的颜色，达到最丰富的效果，其实并不难实现。看看这个组合，只用了一种颜色，调整了不同的色调。网站的效果纯净、优雅，且不失有趣。
暖色调与冷色调的组合会有什么效果？温暖的橙色和黄色，与冷静的金属灰和青铜色，构成一种有力量的冲突感。网页的实现效果，很特别。
又是一组暖色调与冷色调的色彩组合，它们构成一种独特的氛围。网页设计用色大胆，充满活力的红色、紫色与冷酷的深蓝色、黑色，碰撞出一种非现实的梦幻感。
这是一个非常大胆的色彩组合，利用高对比度色彩与黑色背景，碰撞出惊艳的视觉感。
高饱和度的网站色彩，是会令人兴奋到尖叫。明艳的粉红色和黄色，为这家美食网站增加了食欲感。
------------------
设计师在搜索资料、浏览网站时，有时会遇到非常漂亮的网站。就像这样，做一个色彩组合分析，网页设计中使用了哪些色彩？为什么这样的组合会让你喜欢？
尝试着把合适的色彩组合，运用到自己的网页设计中，真是一个相当明智的做法。
- END -
以上图片 | 来源于网络
在这里，你将会看到：
1.设计圈新资讯
2.精彩作品解析
3.创作经验分享
4.课程亲测推荐
5.课程优惠活动
重要的是：
你有什么想法，或是想要看什么内容，记得直接告诉！不然，我可能会偷懒……^_^
- 上一篇： UI设计和网页设计的区别是什么？
- 下一篇： 返回列表