CSS学习 - 随笔分类 - 涂磊

CSS中左右固定，中间布局

摘要：<style> body{padding:0px;margin:0px;background:#cedd00;} #banner{text-align:center;padding:0px;margin:0px; background:green;} #left{position:absolute; 阅读全文

posted @ 2025-04-21 17:47 涂磊阅读(26) 评论(0) 推荐(0)

CSS的表格<table>布局

摘要：<style> table{margin:0 auto; border-collapse:collapse;}th,td{border: 1px solid #000000;} .text{background:red;color:white;font:130px 楷体;text-align:cen 阅读全文

posted @ 2025-04-18 20:23 涂磊阅读(17) 评论(0) 推荐(0)

CSS中，0px repeat-y和#e9fbff间不能有空格，但前后可以有空格，即不能写成 0 px # e9fbff repeat -y

摘要：CSS中，0px repeat-y和#e9fbff间不能有空格，但前后可以有空格，即不能写成 0 px # e9fbff repeat -y 阅读全文

posted @ 2025-04-17 15:15 涂磊阅读(19) 评论(0) 推荐(0)

CSS左中右布局

摘要：<style> body{ margin:0; } #m{ position:absolute; left:0;top:0; width:190px; background: #f22121; } #n{ background: green; margin:0px 190px 0px 190px; 阅读全文

posted @ 2025-04-17 11:53 涂磊阅读(25) 评论(0) 推荐(0)

CSS固定宽度且居中的版式

摘要：<style> body, html{ margin:0px; text-align:center; } #container{ position: relative; margin: 0 auto; padding:0px; width:700px; text-align: left; backg 阅读全文

posted @ 2025-04-16 17:44 涂磊阅读(15) 评论(0) 推荐(0)

CSS给图片签名position:relative;

摘要：<style> #block1{position:relative;} #block2{color:red; position:relative;left:255px;top:-20px;z-index:1;} </style> <div><br /> <div id="block1"><img s 阅读全文

posted @ 2025-04-14 17:48 涂磊阅读(22) 评论(0) 推荐(0)

CSS中表格table美化

摘要：<style> table{margin:0 auto;border:1px solid #000000;border-collapse:collapse;}th,td{border: 1px solid #000000;} /* 画实细线*/ th {background-color: #007 阅读全文

posted @ 2025-04-12 17:44 涂磊阅读(185) 评论(0) 推荐(0)

CSS同一行div的间隔为零

摘要：<style> .parent { font-size: 0; } /* 消除行内块间隙 */ .child { display: inline-block; width: 100px; height: 100px; font-size: 16px; } </style> <div class="p 阅读全文

posted @ 2025-04-10 18:59 涂磊阅读(15) 评论(0) 推荐(0)

CSS树形TreeView显示

摘要：<style> ul { list-style-type: none; padding-left: 20px; } li { margin: 5px 0; } span { cursor: pointer; padding: 2px 5px; border: 1px solid #ccc; bord 阅读全文

posted @ 2025-03-15 17:56 涂磊阅读(47) 评论(0) 推荐(0)

CSS中文字效果示例

摘要：01设置字体。 <style> h2{font-family:幼圆} p{font-family:黑体} p.aaa{font-family:楷体} </style> <h2>立春</h2> <p>自秦代以来</p> <p class="aaa">作者：涂磊</p> 立春自秦代以来作者：涂磊 0 阅读全文

posted @ 2025-03-11 15:15 涂磊阅读(38) 评论(0) 推荐(0)

CSS竖向菜单

摘要：CSS竖向菜单 <div id="a1"> <ul> <li><a href="#">vvv</a></li> <li><a href="#">bbbb</a></li> <li><a href="#">cccc</a></li> <li><a href="#">ddddn</a></li 阅读全文

posted @ 2025-02-28 16:45 涂磊阅读(22) 评论(0) 推荐(0)

CSS横向菜单+下拉子菜单_显示

摘要：更好效果：巴西unigui书送的demo.7z 从最初无CSS <div id="navigation"> <ul> <li><a href="#">Home</a></li> <li><a href="#">My Blog</a></li> <li><a href="#">Friends</a 阅读全文

posted @ 2025-02-28 16:43 涂磊阅读(37) 评论(0) 推荐(0)

HTML登录窗口极简版

摘要：<table id="Login1"> <tr> <td style="text-align:center;color:red;">tulater登录</td></tr> <tr> <td class="label"><label for="username">用户名</label></td></t 阅读全文

posted @ 2025-02-28 10:46 涂磊阅读(38) 评论(0) 推荐(0)

CSS类选择器class学习

摘要：<style> .one {color: #ff0000 ;} .two {color: green;} </style> <p class ="one">class选择1</p> <p class="two"> calsss的22</p> <p class ="one">class选择1</p> 阅读全文

posted @ 2025-02-26 15:35 涂磊阅读(20) 评论(0) 推荐(0)

CSS入门学习_四种_优先级

摘要：优先级1 <span style="color: #ff6600;"> 2 <style> h2{color:red;}</style>3 <link href="1.css" rel="stylesheet">4 <style > @import url(1.css); </style> <h2> 阅读全文

posted @ 2025-02-26 09:53 涂磊阅读(18) 评论(0) 推荐(0)

CSS段落内改变文本样式

摘要：重中之重 <span style="color: #ffcc00;">重中之重</span> 阅读全文

posted @ 2025-02-24 10:41 涂磊阅读(9) 评论(0) 推荐(0)

input圆角红色

摘要：aHTMLtext.add('<input style="width: 50px; background-color: red; border-radius: 15px; border: none; color: white; text-align: center;line-height: 50px 阅读全文

posted @ 2025-02-20 15:06 涂磊阅读(17) 评论(0) 推荐(0)

摘要：文字标红测试阅读全文

posted @ 2024-01-14 10:28 涂磊阅读(81) 评论(0) 推荐(0)

摘要：水平线样式 hr也适合式box样式阅读全文

posted @ 2023-12-26 16:37 涂磊阅读(42) 评论(0) 推荐(0)

测试<code>

摘要：HTML button 标签定义可点击按钮。 CSS background-color 属性定义元素的背景色。 <style> code { font-family: "courier new"; color: crimson; background-color: #f1f1f1; padding: 阅读全文

posted @ 2023-12-25 15:50 涂磊阅读(42) 评论(0) 推荐(0)

随笔分类 - CSS学习