网站装修大揭秘！从创建CSS文件到按钮炫酷变身，这里全都有

创建CSS文件

要给网站穿衣服，首先得弄一份CSS文件，就老老实实放在CI框架里指定的地方,像”assets/css“这种位置，明白了？然后，你得再搞一个叫”styles.css”的文件，照样丢到刚刚说的那个文件夹搞定就行！

加载CSS文件

在CI框架里，如果想让View文件看的更专业、加载更快的话，也不是不行。只要你的View文件要用到CSS样式，那咱就按照这个步骤操作吧：

看看这段代码，很简单，它就是通过CI的base_url()函数找到咱们网站的主页位置。然后再从这里找到了CSS文件。不过别忘了在用CI的时候得先在配置文件里面设好"base_url"，这样才能够成功加载文件！
应用CSS样式
搞定CSS文件后，咱们可以动工装修网页！如果想让某个按钮更好看，只需为其添加class属性，并在CSS文件中写入对应样式即可。比如这个按钮，给它加个类名，在CSS文件里找到对应的规则设置，就能让它变得炫酷起来喽~
比如说，在视图文件有个按钮元素时，可以加入下面这段代码：

html

Click me!</button>

<link rel="stylesheet" href="assets/css/styles.css">

然后，在CSS文件里头，加入下面这段代码来定义按钮的样式：

“`css

.btn {

background-color: red;

color: white;

border-radius: 5px;

}

Click me

这里有个小窍门！只要在代码里选定这种叫做”btn”的按钮，还能用它来设置按钮样式。每当你碰到这样的按钮网站，就会发现它们既有红色的背景和白色的文字，还有一个圆圆的边框，是不是既简单又易懂？

灵活运用

搞一下CSS，网页瞬间变美炫起来，试试看效果！玩外置CSS样式？CI框架里轻松搞定！

.btn {
  background-color: #f44336;
  color: white;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

先建个CSS文件，扔在哪都成；

2.在页面开劫这个CSS文件，找那个标着标签的地方就对了；

3.HTML元素那儿加个class或id，跟样式对上号儿；

4.CSS文件里设置好元素该啥样就得了。

轻松搞定，按照下面的步骤，用CSS为CI框架打造炫酷又好看的页面！让你的网站酷炫亮眼，魅力四射！

总结提问

加油，相信我们给你的程序码会帮你玩转CI框架里的额外CSS。还有什么编程上的疑问吗？尽管说出来不碍事的！