• css的表格属性以及边框属性

    表格属性

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>CSS的表格title>
    6. 		
    7. 		 <style>
    8. 			 
    9. 			 table{
    10. 				 border-collapse: collapse;
    11. 			 }
    12. 		 style>
    13. 	head>
    14. 	<body>
    15. 		<table border="1px" align="center" width="500px" height="300px" >
    16. 			<caption >学生信息caption>
    17. 			<tr>
    18. 				<th>学号th>
    19. 				<th>年龄th>
    20. 				<th>姓名th>
    21. 				<th>性别th>
    22. 			tr>
    23. 			
    24. 			<tr>
    25. 				<td align="center">1td>
    26. 				<td align="center">20td>
    27. 				<td align="center">张三td>
    28. 				<td align="center">男td>
    29. 			tr>
    30. 			
    31. 			<tr>
    32. 				<td align="center">2td>
    33. 				<td align="center">16td>
    34. 				<td align="center">丽萨td>
    35. 				<td align="center">女td>
    36. 			tr>
    37. 		table>
    38. 	body>
    39. html>

    边框属性

    1. html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title>css边框属性title>
    6. 		<style>
    7. 			div{
    8. 				/* 要想显示边框：必须指定边框的样式属性：单实线(solid),双实线（double）,虚线dashed,点dotted */
    9. 				/*border-style: solid;*/
    10. 				/* 边框颜色的简写属性 
    11. 					默认的方向 上右下左（边框的样式/边框的宽度都遵循这个特点），某一边如果没有设置颜色，宽度，样式都会补齐对边的颜色，宽度以及样式
    12. 				*/
    13. 				/* border-color: aliceblue rebeccapurple beige darkblue; */
    14. 				/* 边框宽度的简写属性 */
    15. 				/* border-width: 5px 6px 5px 7px; */
    16. 				/* 边框的简写属性
    17. 					border:border-width border-style border-color;
    18. 				 */
    19. 				border: 1px solid skyblue;
    20. 				/* 整个 容量大小*/
    21. 				width: 200px;
    22. 				height: 100px;
    23. 			}
    24. 		style>
    25. 	head>
    26. 	<body>
    27. 		<div>div1div>
    28. 	body>
    29. html>

     

  • 相关阅读:
    rabbitMQ:绑定Exchange发送和接收消息（fanout）
    HTML5+CSS3+JS小实例：鼠标控制飞机的飞行方向
    zookeeper异常 Cannot open channel to 3 at election address
    CSS：变量函数var和自定义属性
    SQL血缘解析原理
    工程制图试题
    Python程序生成斐波那契数列
    【C++】KDevelop的基本使用
    C/C++后端学习秘籍
    JS的this关键字详解
  • 原文地址：https://blog.csdn.net/weixin_57219176/article/details/126571639