CSS
层叠样式表(英文全称:Cascading Style Sheets)
草莓丸子不加冰
一个努力的女孩
展开
-
HTML如何引入icon矢量图
HTML如何引入icon矢量图下载icon矢量图压缩包解压,并且将文件放入自己开发项目的fonts文件下(自己决定文件名)将iconfont.css文件引入你想要使用的页面。找到icon的名字,将icon引入页面例如:补充添加icon的方式<span class="iconfont"></span>以上就是引入icon的方式之一的详细讲解,个人比较喜欢使用这个方法,有疑问欢迎咨询~...原创 2021-03-16 15:30:48 · 674 阅读 · 0 评论 -
vue使用elment ui 自定义按钮样式/改变el-table的样式详解,解决表格线不对齐
vue使用element ui里面el-table样式的修改效果:HTML:<el-table :header-cell-style="{background:'rgb(240,249,235)',color:'#606266'}" border style="width: 100%"> <el-table-column prop="id" label="菜品编号" sortable> </el-table-column>原创 2020-10-23 12:49:53 · 910 阅读 · 0 评论 -
vue使用elment ui 自定义按钮样式/改变el-button,el-input的样式详解
vue使用elment ui 自定义按钮样式/改变el-button的样式例如:代码如下:HTML结构:在type属性里面写自己自定义的名字<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label=""> <el-input v-model="formInline.foodname" placeholder="菜品名称"原创 2020-10-23 11:53:34 · 8961 阅读 · 1 评论 -
button标签(按钮)的详解
button标签(按钮)的详解默认样式:按钮是具有默认样式的,不独占一行,有边框,字体也是默认居中。<button id="button1">我是按钮1</button> <button>我是按钮2</button>如何改变按钮的样式?<style> #button1{ /*改变宽,高*/ width: 200px; height: 50px; /*改变背景颜色原创 2020-07-28 19:37:00 · 4266 阅读 · 0 评论 -
HTML导航CSS样式详解
HTML导航CSS样式详解导航的最终样式:可以看到我们的导航栏分为左边logo和右边的导航(字),两边距离网页边框相同,背景为灰色,我们可以简单分为以下模块:我们将导航栏作为一个大盒子,里面嵌套一个盒子让它居中,再绿色盒子里面放入一个小盒子分别装logo图片和一个无序列表ul装文字导航。代码结构如下:<nav class="clear"> <div id="logo"> <img src="../day05/web-img原创 2020-07-28 09:11:46 · 13727 阅读 · 0 评论 -
CSS的基础以及选择器
CSS的基础以及选择器网页基本结构网页分为三部分 结构(HTML) 表现(css) 行为(JavaScript)CSS的引入方式 CSS位置在head标签里面的style标签里面进行书写:<head> <meta charset="UTF-8"> <title>CSS</title> <style> h2 { color: brown;原创 2020-07-22 13:05:17 · 234 阅读 · 0 评论