css基础
2015-08-03 23:02
696 查看
1.设置按钮的背景图片
示例代码如下:
2.水平导航栏制作
代码:
示例代码如下:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> #but{ background-image: url("btn.png"); background-position: -1189px 517px; width: 213px; height: 68px; border-radius: 8px; } </style> </head> <body> <input id="but" type="button"> </body> </html>图片:
2.水平导航栏制作
代码:
ul #nav{ list-style-type:none; }
ul # li { display:inline}
相关文章推荐
- 看书注意到的一个css选择器小知识点(积累)
- CSS+html:天涯网页仿照制作
- 网页制作之html基础学习3-css样式表
- 小闹钟(无样式)
- 变化多端 – 多种纯CSS的HTML表格设计
- CSS3的一个简单导航栏实现
- 简要总结CSS编程中的响应式设计
- CSS层叠样式表
- 使用CSS3实现选项卡切换的方法
- CSS中关于变量的基本教程
- html css 标签
- CSS3中的clip-path使用攻略
- CSS
- 总结CSS3新特性(Animation篇)
- CSS3实现倒计时
- CSS3动画实现loading加载图标
- 纯CSS3实现一个旋转的3D立方体盒子
- CSS样式属性
- 元素定位方式 之-----CSS属性定位
- CSS3.0盒模型display:-webkit-box;的使用