htmlcss例子(htmlcss背景图片怎么添加)

HTML5+CSS3做一个后台管理系统的侧边导航栏，点击三条杠，可以收起或展开侧边导航栏收起时，图标变大，文本在图标下方，管理员头像右侧的欢迎语隐藏展开时图标变小，文本在图标的右侧显示，管理员头像右侧的欢迎语显示。

lthtml 三添加 CSS 样式 我们已经使用 HTML 定义好大白的各个元素，现在就需要利用到 CSS 来绘制它的样式外表由于大白是白色的，为了更容易辨识，我们把背景设为深色然后首先是头部body background #。

initialscale=10， maximumscale=10， userscalable=0quot name=quotviewportquot ltmeta charset=quotUTF8quot lttitlelttitle ltstyle type=quottextcssquot html， body margin 0。

1在head标签之间添加style标签 2直接在HTML代码里添加style属性，然后在属性里定义css代码 3也可以将1中的style标签里的内容放到一个css文件里，然后在html页面引用这个文件也是一样的效果 ltlink href=quotcss文件路径quot。

ltstyle type=quottextcssquot m fontfamily Arial， Helvetica， sansserif ltstyle lttable width=quot100%quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quot height=quot30quot lttr lttd width=quot15%quotltdiv align。

3以上两种HTML和css的结合都是在同个页面，代码量多的情况下就不好区分了，这时可以创建一个外部css样式文件右键点击桌面先创建一个记事本文档，然后将文档的扩展名改为“css”将该css样式文件与HTML放在同个磁盘中。