css基础 设置div 上下左右边框线的样式
2017-02-16 10:43
501 查看
镇场诗:
清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————
code:
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> .commonDiv{ border:3px dotted #ff006e; /*上下左右的边框线样式相同*/ } .specialDiv{ border-top: 3px dashed #1ee829; /*上边框线*/ border-bottom: 20px double #ff0000; /*下边框线*/ border-left: 10px solid #ffd800; /*左边框线 solid实线*/ border-right: 16px groove #ce6a1f; /*右边框线*/ } </style> </head> <body> <div class="commonDiv"> <br /> <br /> <br /> </div> <br /> <div class="specialDiv"> <br /> <br /> <br /> </div> </body> </html>
result:
——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。
相关文章推荐
- css基础 设置div 上下左右边框线的样式
- CSS3设置Div左右两边或者上下边框的样式
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css基础 设置div标签 宽度 边框线颜色样式 div中文本居中 div块在网页中居中 div中内容距边框线的距离
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子
- CSS基础知识-四(边框样式、caption、表格居中、边框宽度和高度、id和class的区别、Div+CSS布局)
- CSS基础知识二(段落设置CSS效果、图片边框、div和span区别、CSS控制背景、CSS控制链接)
- css基础 设置div块的上下左右外填充距离margin(缩写形式)
- css基础 设置div块的上下左右的内填充距离padding(缩写形式)
- css基础-盒子(div)模型、属性、边框线的设置、padding、margin、网站的设置思想(float),图片代替列表符号
- css基础 设置div块的上下左右的内填充距离padding(缩写形式)
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- 简单的CSS设置div边框样式
- css基础 设置所有h1标签的 文本颜色 对齐方式 边框样式 背景颜色
- div+css关于边框样式的定义
- div+css基础——1.页面全局属性设置
- div+css滚动条属性及样式设置
- div+css用边框实现圆角矩形(多样式)