您的位置：首页 > Web前端 > CSS

CSS简单属性(Day_three)

2020-02-06 16:40 176 查看

CSS

CSS属性	功能
font-size:15px	设置字体大小为15px
font-weight:bold	设置字体粗细
font-style:italic	设置斜体
font-family:arial	设置字体为 arial
color	设置字体颜色
border:1px solid black	设置容器外边框，是一个复合属性。1px设置 border 粗细， solid 设置 border 展示形式为实心， black 设置 border 颜色
border-width	border 拆分的三个属性： border 宽度
border-style	border 样式
border-color	border 颜色
text-align:left	设置文字对齐方式：默认左对齐
light-height:20px	设置单行文本所占高度
text-indent:2em	设置首行缩进(单位 em )
text-decoration: line-through ;	设置中划线、底线、顶线
cursor:pointer	设置鼠标指针在对象上的样式

/*
CSS画一个三角形
原理就是设置border
四个方向的border都可以对它分别设置，上下左右设置不同的颜色，border风格，border宽度
*/
div{
width: 0px;
height: 0px;
border: 100px solid black;
border-left-color: transparent;/*透明色*/
border-right-color: #FF4400;
border-top-color: green;
border-bottom-color: blue;
}
/*四分之一圆*/
div{
width: 100px;
height: 100px;
border: 1px solid black;
border-left-color: transparent;
border-right-color: #FF4400;
border-top-color: green;
border-bottom-color: blue;
border-left-style: dotted;
border-right-style: dotted;
border-bottom-left-radius: 100%;
}

<div>

</div>

/*相对的表示字体*/
div{
border: 1px solid black;/*设置文本框粗细、表现方式、颜色*/
text-align: left;		/*设置文本对齐方式为左对齐*/
height: 200px;			/*设置div高度为200个像素*/
font-size: 15px;		/*设置字体单位为15个像素*/
line-height: 1.1em;		/*设置单行文本所占高度为1.1个字体单位*/
text-indent: 2em;		/*设置字体首行缩进为2个字体单位*/
}

<div>
新浪网新闻中
心是新浪网最重要的频
道之一,24小时滚
动报道国内、国
际及社会新闻。每日编发新闻数以万计。
</div>

点赞
收藏
分享
文章举报

快扶我起来搬砖发布了8 篇原创文章 · 获赞 0 · 访问量 233 私信关注

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航