CI框架教程：轻松创建时尚网页，让你的CSS文件炫出新花样

创建CSS文件

用CI做网页可太方便！想要加点时尚的style？那当然要CSS文件上场咯！先在”assets”下创建个名叫“css”的文件夹，再把名为“style.css”的CSS文件搬进去。这时候，你就可以在这个地方随心所欲地添加各种样式了，什么背景颜色、字体大小、边框粗细等等统统都能搞定！而且，CI框架已经帮你搞定了路径设置，感兴趣的话，可以去看看那个叫”applicationconfigconfig.php”的文件。

配置资源文件路径

别忘了看过你的CI设置没？那儿有默认的网址“xxx”，你得换成真实的站点名称！不然CSS都加载不了！

/* style.css */
body {
    background-color: #f1f1f1;
}
h1 {
    color: #333;
    font-size: 24px;
}
.button {
    background-color: #d32f2f;
    color: #fff;
    padding: 10px 20px;
    border: none;
    cursor: pointer;
}

在视图文件中引入CSS

不用担心，刚编好的那css文件直接附加到 view文件里面就行。我们这儿 CI框架里有个base_url函数，特别好用。比如，你想让新建的CSS在’application/views/welcome_message.php’这个地方显示出来，直接复制那些代码过去就得了。这样网页就能用上咱们新写的CSS了！

$config['base_url'] = '';

控制器中加载CSS

$config['base_url'] = 'http://your-domain.com';

最后一步完事了！只需把CSS代码放进CI框架的控制器文件里，用这两招$this->load->helper()和$this->load->view(),就能轻易地加载CSS和网页。举个例子比如你现在手里有个叫”Welcome.php”的controller文件，那就这样做：首先用$this->load->helper(‘url’)引入url助手，然后用$this->load->view(‘welcome_message’)导入你要显示的那啥“欢迎信息”视图文件，就是这样，一点都不难！

总结

搞定前面那几个步骤后，我们就能往CI框架里面加入自己喜欢的CSS样式咯！如果想要更换什么外观，只需在CSS文件里面简单调整下即可，然后放到视图文件上使用。这个功能强大的CI框架用着真的很顺手，让你做CSS设计就像玩游戏一样轻松有趣！

<link rel="stylesheet" type="text/css" href="">